Numrering av DOM-element i JavaScript

Att förstå iteratorer gör det enkelt att lägga till nummer till DOM-element. Låt oss, till exempel, säga att vi har följande stycken:

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

Låt oss samla dessa stycken i en variabel:

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

Låt oss använda den inbyggda iteratorn entries för att iterera:

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

Låt oss använda destructuring för att separera numren från elementen:

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

Låt oss lägga till ordningsnumret i slutet av varje stycke:

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