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

Question

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

}

我将不胜感激任何建议；）