Nummerierung von DOM-Elementen in JavaScript
Das Verständnis von Iteratoren ermöglicht es, DOM-Elementen leicht Nummern hinzuzufügen. Nehmen wir zum Beispiel an, wir haben folgende Absätze:
<p>text</p>
<p>text</p>
<p>text</p>
Lassen Sie uns eine Sammlung dieser Absätze in eine Variable abrufen:
let elems = document.querySelectorAll('p');
Verwenden wir für die Iteration den eingebauten
Iterator entries:
for (let entry of elems.entries()) {
console.log(entry);
}
Verwenden wir Destrukturierung, um die Nummern von den Elementen zu trennen:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Fügen wir jedem Absatz am Ende seine Ordnungsnummer hinzu:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Gegeben ist eine HTML-Tabelle. Nummerieren Sie jede Zelle dieser Tabelle.
