HTML DOM NodeList length 属性

定义和用法

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

length 属性是只读的。

实例

例子 1

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

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

స్వయంగా ప్రయత్నించండి

例子 2

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

const nodeList = document.body.childNodes;

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

"myDIV" లో ఉన్న ఉపనోడుల సంఖ్యను పొందండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

"myDIV" లో ఎన్ని <p> మూలకాలు ఉన్నాయి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 5

డివ్ "myDIV" లోని అన్ని <p> మూలకాలను పరిశీలించండి మరియు వాటి ఫంట్ పరిమాణాన్ని మార్చండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 6

అన్ని ఉపనోడులను పరిశీలించండి మరియు ప్రతి నోడ్ పేరును సేకరించండి:

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

స్వయంగా ప్రయత్నించండి

సంకేతం

nodelist.length

తిరిగి వచ్చే విలువ

రకం వివరణ
సంఖ్య NodeList లో నోడ్స్ సంఖ్య

బ్రౌజర్ మద్దతు

nodelist.length అనేది DOM Level 1 (1998) లక్షణం.

అన్ని ఆధునిక బ్రౌజర్లు ఇది మద్దతు ఇస్తాయి:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు

సంబంధిత పేజీలు

entries() పద్ధతి

forEach() పద్ధతి

item() పద్ధతి

keys() పద్ధతి

values() పద్ధతి

NodeList ఆబ్జెక్ట్

childNodes() పద్ధతి

querySelectorAll() పద్ధతి

getElementsByName() పద్ధతి