根据JS中有多少菜单项

Question

我需要一个菜单​​，其中的项目根据其数量来确定自己的大小。说，有三个项目。每个容器的宽度约为33％。但是，如果有十个，每个将有10％。有没有人有任何想法/建议？谢谢！

Answer 1

通常菜单是从无序列表构建的，父菜单元素有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 + "%";
}