Penomboran Elemen DOM dalam JavaScript

Pemahaman tentang iterator membolehkan kita dengan mudah menambah nombor kepada elemen DOM. Sebagai contoh, katakan kita mempunyai beberapa perenggan:

html<p>teks</p>
<p>teks</p>
<p>teks</p>

Mari dapatkan koleksi perenggan ini ke dalam pembolehubah:

javascriptlet elems = document.querySelectorAll('p');

Mari gunakan iterator terbina dalam entries untuk lelaran:

javascriptfor (let entry of elems.entries()) {
  console.log(entry);
}

Mari gunakan destructuring untuk memisahkan nombor daripada elemen:

javascriptfor (let [num, elem] of elems.entries()) {
  console.log(num, elem);
}

Tambahkan nombor turutan pada akhir setiap perenggan:

javascriptfor (let [num, elem] of elems.entries()) {
  elem.textContent += num;
}