Metode NodeList forEach() DOM HTML

Definisi dan penggunaan

Metode forEach() eksekusi fungsi balikan untuk setiap node dalam NodeList.

Contoh

Contoh 1

Eksekusi fungsi untuk setiap node anak dokumen dokumen:

const list = document.body.childNodes;
list.forEach(
  function(node, index) {
    text += index + " " + node;
  }
);

Coba sendiri

Contoh 2

Daftar nama node anak dokumen:

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeName;
  }
);

Coba sendiri

Contoh 3

Daftar tipe node anak dokumen:

const list = document.body.childNodes;
list.forEach(
  function(node) {
    text += node.nodeType;
  }
);

Coba sendiri

Sintaks

nodelist.forEach(function(currentValue, index, arr), thisValue)

Parameter

Parameter Deskripsi
function() Diperlukan. Fungsi yang dijalankan untuk setiap node.
currentValue Diperlukan. Nilai node saat ini.
index Pilihan. Indeks node saat ini.
arr Pilihan. NodeList dari node saat ini.
thisValue

Pilihan. Default undefined.

Sebagai nilai this yang dialihkan ke fungsi.

Nilai kembalian

Tidak ada.

Dukungan browser

nodelist.forEach() adalah fitur DOM Level 4 (2015).

Semua browser modern mendukungnya:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Internet Explorer 11 (atau versi yang lebih awal) tidak mendukung nodelist.forEach().

Halaman yang berhubungan

Atribut length

Metode entries()

Metode item()

Metode keys()

Metode values()

Objek NodeList

Metode childNodes()

Metode querySelectorAll()

Metode getElementsByName()