Penomboran Elemen DOM dalam JavaScript
Pemahaman tentang iterator membolehkan kita dengan mudah menambah nombor kepada elemen DOM. Sebagai contoh, katakan kita mempunyai beberapa perenggan:
<p>teks</p>
<p>teks</p>
<p>teks</p>
Mari dapatkan koleksi perenggan ini ke dalam pembolehubah:
let elems = document.querySelectorAll('p');
Mari gunakan iterator terbina dalam
entries untuk lelaran:
for (let entry of elems.entries()) {
console.log(entry);
}
Mari gunakan destructuring untuk memisahkan nombor daripada elemen:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Tambahkan nombor turutan pada akhir setiap perenggan:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
Diberi satu jadual HTML. Nomborkan setiap sel dalam jadual ini.
