HTML DOM uzunluğu Özellik
Örnek
Belgede kaç tane <p> öğesi olduğunu öğrenin:
var nodelist = document.getElementsByTagName("P").length;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
length özelliği, bir NodeList nesnesindeki düğüm sayısını döndürür.
Bir Node nesnesinin alt düğüm koleksiyonu, NodeList nesnesinin bir örneğidir.
length özelliği, bir düğüm listesindeki düğümler arasında döngü yapmak istediğinizde kullanışlıdır (aşağıdaki "Daha Fazla Örnek"e bakın).
Bu özellik salt okunurdur.
İpucu: NodeList nesnesinde belirtilen dizindeki bir düğümü döndürmek için item() yöntemini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
nodelist.length
Teknik detaylar
Geri dönüş değeri: | Düğüm listesindeki düğüm sayısını temsil eden bir Sayı |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Nodelist Nesnesi |
Daha fazla örnek
Örnek
Bir <div> elemanının içinde kaç tane <p> elemanı olduğunu öğrenin:
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>
Örnek
Bir <div> öğesi içindeki tüm <p> öğeleri arasında dolaşın ve her <p> öğesinin arka plan rengini değiştirin:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
Örnek
<body> öğesinin alt düğümlerinin sayısını döndürür:
var nodelist = document.body.childNodes.length;
Örnek
<body> alt düğümleri arasında dolaşın ve her alt düğümün düğüm adını çıktılayın:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
İlgili Sayfalar
HTML DOM Referansı: nodelist .item() Yöntemi
HTML DOM Referansı: element .childNodes Özellik
HTML DOM Referansı: element .getElementsByClassName() Yöntemi
HTML DOM Referansı: element .getElementsByTagName() Yöntemi
HTML DOM Referansı: element .querySelectorAll() Yöntemi
HTML DOM Referansı: document.getElementsByClassName() Yöntemi
HTML DOM Referansı: document.getElementsByName() Yöntemi
HTML DOM Referansı: document.getElementsByTagName() Yöntemi
HTML DOM Referansı: document.querySelectorAll() Yöntemi