Как присвоить каждому элементу по одному разному классу?

Question

[LiteSH]

Как присвоить каждому элементу li в списке ul, класс вида itemN
что бы из такого вышло

<ul id="stack">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

такое

<ul id="stack">
  <li class="item1"></li>
  <li class="item2"></li>
  <li class="item3"></li>
  <li class="item4"></li>
  <li class="item5"></li>
</ul>

Answer 1

[Сергей delphinpro]

ЗАЧЕМ???

Есть псевдо-класс :nth-child()

ul li:nth-child(1) {}
ul li:nth-child(5) {}

Comments

[LiteSH]

Интересен способ обхода элементов скртптом, про селекторы я знаю

[Сергей delphinpro]

LiteSH: Тогда я вам рекомендую к изучению этот популярный ресурс
learn.javascript.ru
и в частности этот раздел learn.javascript.ru/document
и еще более по теме learn.javascript.ru/traversing-dom

[LiteSH]

Сергей: спасибо

Answer 2

[ocupay]

https://jsfiddle.net/gs68s41a/

Answer 3

[Алексей Ярков]

https://jsfiddle.net/zeL09mkj/1/

Answer 4

[Виталий]

var ulStack = document.getElementById('stack');
for(var i=0; i< ulStack.childElementCount; i++){
	ulStack.children[i].setAttribute('class', 'class'+(i+1));
}