HTML DOM NodeList length 属性
- Pagina precedente keys()
- Pagina successiva values()
- Torna alla pagina precedente NodeList del DOM HTML
定义和用法
length 属性返回 NodeList 中的节点数。
length 属性是只读的。
实例
例子 1
获取文档中子节点的数量:
const nodeList = document.body.childNodes; let number = nodeList.length;
例子 2
获取 <body> 元素的子节点:
const nodeList = document.body.childNodes;
Esempio 3
Ottieni il numero di nodi figli all'interno di "myDIV":
const element = document.getElementById("myDIV"); let numb = element.childNodes.length;
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;
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"; }
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>"; }
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
- Pagina precedente keys()
- Pagina successiva values()
- Torna alla pagina precedente NodeList del DOM HTML