javascript - Javascriptによる動的ナビゲーション要素の幅調整

Question

3つのレベルがある標準の水平ドロップダウンナビゲーションメニューがあります。私がJS経由でやりたいのは、エンドユーザーがいくつ入れても、トップ/レベル1Elementの幅を動的に調整することです。NavigationウェブサイトはJoomlaで運営されています。

これが私が書いたjsコードです。短くてシンプルです。構文エラーが発生した場合に備えて、複数の方法で記述しようとしましたが、レベル1の要素の幅には影響しません。

// load site, get the number of level 1 Elements

window.onload = function() { 

var elements_count = document.getElementsByClassName('level1').length;

// Get required width for level 1 elements

var rest = 1000 % elements_count;
var elements_width = (1000 - rest) / elements_count;

// adjust width of level 1 Elements

elements.style.width = elements_width + 'px';

}

アドバイスをいただければ幸いです;）