Numeração de elementos DOM em JavaScript
Compreender os iteradores permite adicionar facilmente números aos elementos DOM. Suponha, por exemplo, que temos parágrafos:
<p>texto</p>
<p>texto</p>
<p>texto</p>
Vamos obter uma coleção desses parágrafos em uma variável:
let elems = document.querySelectorAll('p');
Vamos usar o iterador integrado
entries para o loop:
for (let entry of elems.entries()) {
console.log(entry);
}
Vamos usar a desestruturação para separar os números dos elementos:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Vamos adicionar ao final de cada parágrafo o seu número de ordem:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Dada uma tabela HTML. Numere cada célula desta tabela.
