使用Javascript调整动态导航元素宽度

Question

我有一个标准的水平下拉导航菜单，有3个级别。我想通过JS做的是动态调整Element中top / level 1 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';

}

我很感激任何建议;）