Contoh
Cari tahu berapa banyak <p> elemen ada dalam dokumen:
var nodelist = document.getElementsByTagName("P").length;
Hasil NodeList akan:
4
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti panjang mengembalikan jumlah node dalam sebuah objek NodeList.
Koleksi A Node objek dari node anak adalah contoh dari objek NodeList.
Properti panjang berguna ketika Anda ingin loop melalui node dalam daftar node (See "More Examples" below) .
Properti ini adalah read-only.
Tip: Gunakan item() metode untuk kembali simpul pada indeks tertentu dalam sebuah objek NodeList.
Dukungan Browser
Milik | |||||
---|---|---|---|---|---|
length | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
Rincian teknis Kembali Nilai: Sebuah Nomor, mewakili jumlah node dalam NodeList yang DOM Versi Inti Level 1 nodeList Obyek
Contoh lebih
Contoh
Cari tahu berapa banyak <p> elemen ada di dalam <div> elemen:
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> Hasil NodeList akan:
3 Cobalah sendiri "
Contoh
Loop melalui semua <p> elemen di dalam <div> elemen, dan mengubah warna latar belakang masing-masing <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";
} Cobalah sendiri "
Contoh
Mengembalikan jumlah node anak dari <body> elemen:
var nodelist = document.body.childNodes.length; Hasil NodeList akan:
12 Cobalah sendiri "
Contoh
Loop melalui node anak dari <body> dan output nama node dari setiap node anak:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Hasil txt akan:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Cobalah sendiri "
Pages terkait
HTML DOM Referensi: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Referensi: elemen .childNodes Properti
HTML DOM Referensi: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referensi: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referensi: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referensi: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referensi: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referensi: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referensi: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method