tutorial pengembangan web terbaru
 

JavaScript Daftar HTML DOM Node

❮ Sebelumnya Berikutnya Bab ❯

Sebuah daftar node adalah kumpulan node

Daftar HTML DOM Node

The getElementsByTagName() metode mengembalikandaftar simpul.Sebuah daftar node adalah koleksi array seperti node.

Kode berikut memilih semua <p> node dalam dokumen:

Contoh

var x = document.getElementsByTagName("p");

Node dapat diakses oleh angka indeks. Untuk mengakses kedua <p> simpul Anda dapat menulis:

y = x[1];
Cobalah sendiri "

Catatan: Indeks dimulai dari 0.

HTML DOM Node Daftar Panjang

Properti panjang mendefinisikan jumlah node dalam daftar node:

Contoh

var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Cobalah sendiri "

Contoh menjelaskan:

  1. Dapatkan semua <p> elemen dalam daftar node
  2. Menampilkan panjang daftar node

Properti panjang berguna ketika Anda ingin loop melalui node dalam daftar node:

Contoh

Mengubah warna latar belakang dari semua <p> elemen dalam daftar node:

var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
Cobalah sendiri "

Daftar node tidak array!
Sebuah daftar node mungkin terlihat seperti sebuah array, tetapi tidak. Anda dapat loop melalui daftar node dan mengacu pada node yang seperti sebuah array. Namun, Anda tidak dapat menggunakan Metode Array, seperti valueOf() atau join() pada daftar node.


❮ Sebelumnya Berikutnya Bab ❯