tutorial pengembangan web terbaru
 

HTML DOM length Propery

<Elemen Object

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

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


<Elemen Object