Размер пунктов меню в зависимости от количества в 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 + "%";
}