एचटीएमएल डोम लंबाई संपत्ति
उदाहरण
पता लगाएँ कि दस्तावेज़ में कितने <p> तत्व हैं:
var nodelist = document.getElementsByTagName("P").length;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
लंबाई संपत्ति नोडलिस्ट ऑब्जेक्ट में नोड्स की संख्या लौटाती है।
नोड ऑब्जेक्ट का चाइल्ड नोड्स का संग्रह NodeList ऑब्जेक्ट का एक उदाहरण है।
लंबाई संपत्ति तब उपयोगी होती है जब आप नोड सूची में नोड्स के माध्यम से लूप करना चाहते हैं (नीचे "अधिक उदाहरण" देखें)।
यह संपत्ति केवल पढ़ने के लिए है।
युक्ति: NodeList ऑब्जेक्ट में निर्दिष्ट अनुक्रमणिका पर नोड वापस करने के लिए आइटम () विधि का उपयोग करें ।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
nodelist.length
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक संख्या, नोडलिस्ट में नोड्स की संख्या का प्रतिनिधित्व करती है |
---|---|
डोम संस्करण | कोर लेवल 1 नोडलिस्ट ऑब्जेक्ट |
और ज्यादा उदाहरण
उदाहरण
पता लगाएं कि <div> तत्व के अंदर कितने <p> तत्व हैं:
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
उदाहरण
एक <div> तत्व के अंदर सभी <p> तत्वों के माध्यम से लूप करें, और प्रत्येक <p> की पृष्ठभूमि का रंग बदलें:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
उदाहरण
<body> तत्व के चाइल्ड नोड्स की संख्या लौटाएं:
var nodelist = document.body.childNodes.length;
उदाहरण
<body> के चाइल्ड नोड्स के माध्यम से लूप करें और प्रत्येक चाइल्ड नोड के नोड नाम को आउटपुट करें:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: नोडलिस्ट .item() विधि
एचटीएमएल डोम संदर्भ: तत्व .childNodes संपत्ति
एचटीएमएल डोम संदर्भ: तत्व .getElementsByClassName() विधि
एचटीएमएल डोम संदर्भ: तत्व .getElementsByTagName() विधि
एचटीएमएल डोम संदर्भ: तत्व .querySelectorAll() विधि
एचटीएमएल डोम संदर्भ: document.getElementsByClassName() विधि
एचटीएमएल डोम संदर्भ: document.getElementsByName() विधि
एचटीएमएल डोम संदर्भ: document.getElementsByTagName() विधि
एचटीएमएल डोम संदर्भ: document.querySelectorAll() विधि