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:
<p>text</p>
<p>text</p>
<p>text</p>
Obtengamos una colección de estos párrafos en una variable:
let elems = document.querySelectorAll('p');
Usemos el iterador incorporado
entries para recorrerlos:
for (let entry of elems.entries()) {
console.log(entry);
}
Usemos la desestructuración para separar los números de los elementos:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Añadamos a cada párrafo al final su número de orden:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Se da una tabla HTML. Numere cada celda de esta tabla.
