HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

qinji shi yi shi

例子 2

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

const nodeList = document.body.childNodes;

qinji shi yi shi

lanmu 3

huoqu "myDIV" zhong de zi jiedian shu:

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

qinji shi yi shi

lanmu 4

"myDIV" zhong you duoshao <p> yuansu:

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

qinji shi yi shi

lanmu 5

biantuo "myDIV" zhong de suoyou <p> yuansu ji genggai tamen de fongti daoxiao:

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

qinji shi yi shi

lanmu 6

biantuo suoyou zi jiedian ji shouji meige jiedian de mingcheng:

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

qinji shi yi shi

yufa

nodelist.length

huiuan zhi

leixing miashu
shuzi NodeList zhong de jiandian shu.

hanyan zhi chi

nodelist.length shi DOM Level 1 (1998) tezheng.

suoyou xian代 hanyan dou zhi chi ta:

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

xiangguan ye

entries() fangfa

forEach() fangfa

item() fangfa

keys() fangfa

values() fangfa

NodeList duanti

childNodes() fangfa

querySelectorAll() fangfa

getElementsByName() fangfa