Numeración de elementos DOM en JavaScript

Comprender los iteradores permite añadir fácilmente números a los elementos DOM. Supongamos, por ejemplo, que tenemos párrafos:

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

Obtengamos una colección de estos párrafos en una variable:

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

Usemos el iterador incorporado entries para recorrerlos:

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

Usemos la desestructuración para separar los números de los elementos:

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

Añadamos a cada párrafo al final su número de orden:

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