HTML DOM NodeList length 属性

定义和用法

length 属性返回 NodeList 中的节点数。

length 属性是只读的。

实例

例子 1

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

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

Cuba Sendiri

例子 2

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

const nodeList = document.body.childNodes;

Cuba Sendiri

Contoh 3

Dapatkan bilangan anak nod di "myDIV":

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

Cuba Sendiri

Contoh 4

Berapa banyak elemen <p> di "myDIV":

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

Cuba Sendiri

Contoh 5

Berkelilingi semua elemen <p> dalam "myDIV" dan ubah saiz huruf mereka:

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

Cuba Sendiri

Contoh 6

Berkelilingi semua anak nod dan mengumpulkan nama setiap nod:

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

Cuba Sendiri

Tatabahasa

nodelist.length

Hasil Balik

Jenis Penerangan
Nombor Banyaknya node dalam NodeList.

Pembolehbelah Pelayar

nodelist.length adalah ciri DOM Level 1 (1998).

Semua pereka pelayar moden menyokongnya:

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

Laman yang Berkaitan

Cara Kerja entries()

Cara Kerja forEach()

Cara Kerja item()

Cara Kerja keys()

Cara Kerja values()

Objek NodeList

Cara Kerja childNodes()

Cara Kerja querySelectorAll()

Cara Kerja getElementsByName()