DOM elementu numerācija JavaScript
Iteratoru izpratne ļauj viegli pievienot numurus DOM elementiem. Pieņemsim, ka mums ir, piemēram, rindkopas:
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
Iegūsim šo rindkopu kolekciju mainīgajā:
let elems = document.querySelectorAll('p');
Izmantosim iebūvēto
iteratoru entries, lai izietu cauri:
for (let entry of elems.entries()) {
console.log(entry);
}
Izmantosim destrukturizāciju, lai atdalītu numurus no elementiem:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Pievienosim katrai rindkopai beigās tās kārtas numuru:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Dota HTML tabula. Numurējiet katru šīs tabulas šūnu.
