Penomoran Elemen DOM dalam JavaScript
Pemahaman tentang iterator memudahkan untuk menambahkan nomor pada elemen DOM. Misalnya, kita memiliki beberapa paragraf:
<p>teks</p>
<p>teks</p>
<p>teks</p>
Mari kita dapatkan kumpulan paragraf tersebut ke dalam variabel:
let elems = document.querySelectorAll('p');
Mari gunakan iterator bawaan
entries untuk perulangan:
for (let entry of elems.entries()) {
console.log(entry);
}
Mari gunakan destructuring untuk memisahkan nomor dari elemen:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Mari tambahkan nomor urutnya di akhir setiap paragraf:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Diberikan tabel HTML. Beri nomor pada setiap sel dalam tabel tersebut.
