Properti panjang DOM HTML
Contoh
Cari tahu berapa banyak elemen <p> yang ada di dokumen:
var nodelist = document.getElementsByTagName("P").length;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti length mengembalikan jumlah node dalam objek NodeList.
Kumpulan node anak dari objek Node adalah contoh dari objek NodeList.
Properti length berguna ketika Anda ingin mengulang node dalam daftar node (Lihat "Contoh Lainnya" di bawah).
Properti ini hanya-baca.
Tip: Gunakan metode item() untuk mengembalikan sebuah node pada indeks yang ditentukan dalam objek NodeList.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Sintaksis
nodelist.length
Detail Teknis
Nilai Kembali: | A Number, mewakili jumlah node dalam nodelist |
---|---|
Versi DOM | Objek Nodelist Level 1 Inti |
Lebih Banyak Contoh
Contoh
Cari tahu berapa banyak elemen <p> yang ada di dalam elemen <div>:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
Contoh
Ulangi semua elemen <p> di dalam elemen <div>, dan ubah warna latar belakang setiap <p>:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Contoh
Kembalikan jumlah node anak dari elemen <body>:
var nodelist = document.body.childNodes.length;
Contoh
Ulangi simpul anak <body> dan keluarkan nama simpul dari setiap simpul anak:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
Halaman Terkait
Referensi DOM HTML: nodelist .item() Metode
Referensi DOM HTML: elemen .childNodes Property
Referensi DOM HTML: elemen .getElementsByClassName() Metode
Referensi DOM HTML: elemen .getElementsByTagName() Metode
Referensi DOM HTML: elemen .querySelectorAll() Metode
Referensi DOM HTML: Metode document.getElementsByClassName()
Referensi DOM HTML: Metode document.getElementsByName()
Referensi DOM HTML: Metode document.getElementsByTagName()
Referensi DOM HTML: Metode document.querySelectorAll()