Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据JS中的数量调整菜单项的大小_Javascript_Dynamic_Menu_Size - Fatal编程技术网

Javascript 根据JS中的数量调整菜单项的大小

Javascript 根据JS中的数量调整菜单项的大小,javascript,dynamic,menu,size,Javascript,Dynamic,Menu,Size,我需要有一个菜单,有项目的大小自己的基础上有多少。比如说,有三项。每个容器的宽度约为容器宽度的33%。但如果有10个,每个人都有10%。有人有什么想法/建议吗?谢谢 通常菜单是从无序列表构建的,父菜单元素具有id=“menu” 在这种情况下,您将需要如下代码: menuElt = document.getElementById('menu'); childElements = menuElt.getElementsByTagName("li"); var quantity = childElem

我需要有一个菜单,有项目的大小自己的基础上有多少。比如说,有三项。每个容器的宽度约为容器宽度的33%。但如果有10个,每个人都有10%。有人有什么想法/建议吗?谢谢

通常菜单是从无序列表构建的,父菜单元素具有id=“menu” 在这种情况下,您将需要如下代码:

menuElt = document.getElementById('menu');
childElements = menuElt.getElementsByTagName("li");
var quantity = childElements.length;
var widthPercent = Math.round(100/quantity);
for (var i = 0; i < quantity; i++) {
  childElements[i].style.width = widthPercent + "%";
}
menuElt=document.getElementById('menu');
childElements=menuElt.getElementsByTagName(“li”);
变量数量=childElements.length;
变量宽度百分比=数学四舍五入(100/数量);
对于(变量i=0;i
在chrome中,只会抛出错误:uncaughtTypeError:无法调用null的方法'getElementsByTagName'。哎呀,我想这可能是我流利的html5造成的错误。。。