HTML DOM NodeList length özelliği

tanım ve kullanım

length özelliği NodeList içindeki düğüm sayısını döndürür.

length özelliği yalnızca okunabilir.

örnek

örnek 1

文档中子节点的数量获取：

const nodeList = document.body.childNodes;
let number = nodeList.length;

Kişisel Deneyim

örnek 2

获取 <body> 元素的子节点：

const nodeList = document.body.childNodes;

Kişisel Deneyim

Örnek 3

"myDIV" içindeki alt düğüm sayısını alın:

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Kişisel Deneyim

Örnek 4

"myDIV" içinde kaç <p> elementi var:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Kişisel Deneyim

Örnek 5

"myDIV" içindeki tüm <p> elementlerini tarayın ve它们的字体大小 değiştirin:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Kişisel Deneyim

Örnek 6

Tüm alt düğümleri tarayın ve her düğümün adını toplayın:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Kişisel Deneyim

Sözdizimi

nodelist.length

Dönüş Değeri

Tür Açıklama
Sayı NodeList içindeki düğüm sayısı.

Tarayıcı Desteği

nodelist.length DOM Level 1 (1998) özelliğidir.

Tüm modern tarayıcılar onu destekler:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek 9-11 Destek Destek Destek Destek

İlgili Sayfalar

entries() Metodu

forEach() Metodu

item() Metodu

keys() Metodu

values() Metodu

NodeList Nesnesi

childNodes() Metodu

querySelectorAll() Metodu

getElementsByName() Metodu