DOM Element Nommering in JavaScript

Om iterators te verstaan, maak dit maklik om nommers by DOM elemente te voeg. Kom ons sê, byvoorbeeld, ons het die volgende paragrawe:

html<p>text</p>
<p>text</p>
<p>text</p>

Kom ons kry 'n versameling van hierdie paragrawe in 'n veranderlike:

javascriptlet elems = document.querySelectorAll('p');

Kom ons gebruik die ingeboude iterator entries om deur dit te itereer:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Kom ons gebruik destrukturering om die nommers van die elemente te skei:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Kom ons voeg aan die einde van elke paragraaf sy volgorde nommer by:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}