एचटीएमएल डोम तत्व बच्चे
तत्व वस्तुउदाहरण
<body> तत्व के बच्चों का संग्रह प्राप्त करें:
const collection = document.body.children;
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
children
संपत्ति तत्व के बाल तत्वों का संग्रह लौटाती है ।
children
संपत्ति एक HTMLCollection ऑब्जेक्ट देता है ।
एक अंतर
संपत्ति टेक्स्ट नोड्स और टिप्पणी नोड्स सहित childNodes
सभी बच्चे नोड्स लौटाती है , जबकि children
संपत्ति केवल बाल तत्व लौटाती है ।
यह सभी देखें:
HTMLसंग्रह
एक HTMLCollection HTML नोड्स का एक संग्रह है।
संग्रह में नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
लंबाई संपत्ति संग्रह में तत्वों की संख्या लौटाती है।
वाक्य - विन्यास
element.children
प्रतिलाभ की मात्रा
प्रकार | विवरण |
वस्तु | एक HTMLCollection वस्तु। तत्व नोड्स का संग्रह। तत्वों को सॉर्ट किया जाता है जैसे वे दस्तावेज़ में दिखाई देते हैं। |
और ज्यादा उदाहरण
पता लगाएँ कि एक <div> तत्व के कितने बच्चे हैं:
var c =
document.getElementById("myDIV").children.length;
<div> तत्व के दूसरे चाइल्ड एलिमेंट की पृष्ठभूमि का रंग बदलें:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
<select> तत्व के तीसरे चाइल्ड एलिमेंट (इंडेक्स 2) का टेक्स्ट प्राप्त करें:
var c = document.getElementById("mySelect").children[2].text;
<body> के सभी बच्चों के माध्यम से लूप करें और उनकी पृष्ठभूमि का रंग लाल में बदलें:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
संबंधित पृष्ठ
HTML DOM संदर्भ: चाइल्डनोड्स प्रॉपर्टी
ब्राउज़र समर्थन
element.children
एक डोम लेवल 1 (1998) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
तत्व वस्तु