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 डॉम लेवल 1 (1998) विशेषता है।

सभी आधुनिक ब्राउज़र इसे सहारा देते हैं:

च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
सहायता 9-11 सहायता सहायता सहायता सहायता

संबंधित पृष्ठ

entries() विधि

forEach() विधि

item() विधि

keys() विधि

values() विधि

NodeList ऑब्जैक्ट

childNodes() विधि

querySelectorAll() विधि

getElementsByName() विधि