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:

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

Lassen Sie uns eine Sammlung dieser Absätze in eine Variable abrufen:

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

Verwenden wir für die Iteration den eingebauten Iterator entries:

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

Verwenden wir Destrukturierung, um die Nummern von den Elementen zu trennen:

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

Fügen wir jedem Absatz am Ende seine Ordnungsnummer hinzu:

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