Örnek
Kaç öğrenin <p> belgede vardır unsurları:
var nodelist = document.getElementsByTagName("P").length;Nodelist sonucu olacaktır:
4 Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
uzunluk tesisinde NodeList nesnesindeki düğümlerin sayısını verir.
alt düğümler bir Düğümü nesnenin koleksiyonu NodeList nesnesinin bir örnektir.
Eğer bir düğüm listesi düğümleri döngü istediğinizde uzunluğu özelliği faydalıdır (See "More Examples" below) .
Bu özellik salt okunur.
İpucu: kullan item() bir NodeList nesnede belirtilen dizine bir düğüm dönmek için yöntem.
Tarayıcı Desteği
| özellik | |||||
|---|---|---|---|---|---|
| length | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
Teknik detaylar Geri dönüş değeri: nodelist düğüm sayısını temsil eden bir sayı, DOM Sürüm Çekirdek Seviye 1 nodelist Nesne
Diğer Örnekler
Örnek
Kaç öğrenin <p> bir iç vardır elemanları <div> elemanı:
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> Nodelist sonucu olacaktır:
3 Kendin dene "
Örnek
Tüm döngü <p> Bir iç elemanları <div> elemanı ve her arka plan rengini değiştirmek <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";
} Kendin dene "
Örnek
Alt düğümlerin sayısını döndürür <body> elemanı:
var nodelist = document.body.childNodes.length; Nodelist sonucu olacaktır:
12 Kendin dene "
Örnek
Çocuk düğümleri arasında döngü <body> ve çıkış her çocuk düğüm düğüm adı:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Txt sonucu olacaktır:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Kendin dene "
İlgili Sayfalar
HTML DOM Referans: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Referans: eleman .childNodes Mülkiyet
HTML DOM Referans: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Referans: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Referans: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Referans: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Referans: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Referans: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Referans: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method