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:
<p>text</p>
<p>text</p>
<p>text</p>
Låt oss samla dessa stycken i en variabel:
let elems = document.querySelectorAll('p');
Låt oss använda den inbyggda
iteratorn entries för att iterera:
for (let entry of elems.entries()) {
console.log(entry);
}
Låt oss använda destructuring för att separera numren från elementen:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Låt oss lägga till ordningsnumret i slutet av varje stycke:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Du har fått en HTML-tabell. Numrera varje cell i denna tabell.
