HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

Prova da solo

例子 2

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

const nodeList = document.body.childNodes;

Prova da solo

Esempio 3

Ottieni il numero di nodi figli all'interno di "myDIV":

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

Prova da solo

Esempio 4

Quanti elementi <p> ci sono all'interno di "myDIV":

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

Prova da solo

Esempio 5

Esegui una scansione di tutti gli elementi <p> all'interno di "myDIV" e modifica la loro dimensione del font:

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

Prova da solo

Esempio 6

Esegui una scansione di tutti i nodi figli e raccogli il nome di ogni nodo:

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

Prova da solo

Sintassi

nodelist.length

Valore di ritorno

Tipo Descrizione
Numero Il numero di nodi nel NodeList.

Supporto browser

nodelist.length è una caratteristica del DOM Level 1 (1998).

Tutti i browser moderni lo supportano:

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

Pagine correlate

Metodo entries()

Metodo forEach()

Metodo item()

Metodo keys()

Metodo values()

Oggetto NodeList

Metodo childNodes()

Metodo querySelectorAll()

Metodo getElementsByName()