Numerotarea elementelor DOM în JavaScript

Înțelegerea iteratorilor permite adăugarea ușoară a numerelor elementelor DOM. Să presupunem, de exemplu, că avem paragrafe:

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

Să obținem o colecție a acestor paragrafe într-o variabilă:

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

Să folosim iteratorul încorporat entries pentru parcurgere:

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

Să folosim destructurarea pentru a separa numerele de elemente:

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

Să adăugăm la sfârșitul fiecărui paragraf numărul său de ordine:

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