HTML DOM Element childNodes विशेषता
- पिछला पृष्ठ
- अगला पृष्ठ
- एक पर्याय वापस HTML DOM Elements ऑब्जेक्ट
व्याख्या और उपयोग
childNodes
विशेषता एलिमेंट उपांगुणी के समूह (सूची) को वापस करती है।
childNodes
विशेषता वापस करने वाला विशेषता NodeList वस्तु है।
childNodes
विशेषता लिखित सिद्धांती (रेडिट को पास करती है) है।
childNodes[0]
firstChild से एक समान है।
सूचना
childNodes
नोड वापस करती है: एलिमेंट नोड, पाठ नोड और टिप्पणी नोड。
एलिमेंट के बीच का खाली स्थान भी पाठ नोड है。
विकल्प:
children विशेषता - children
विशेषता उपांगुणी उपांगुणी (पाठ और टिप्पणी को नज़रअंदाज़ करती है) को वापस करती है。
दूसरे संदर्भ:
नोड विशेषता
nodeValue गुण
HTML नोड और एलिमेंट HTML DOM(डॉक्यूमेंट ऑब्जैक्ट मॉडल)में, HTML दस्तावेज़ उन नोड के संग्रह है जो (या नहीं) उप-नोड के साथ रहते हैं।
नोडएलिमेंट नोड, टेक्स्ट नोड और कमेंट नोड को कहते हैं।
एलिमेंटबीच के खाली भाग भी टेक्स्ट नोड है।
और एलिमेंट केवल एलिमेंट नोड है।
उप-नोड और उप-एलिमेंट
childNodes वापसीउप-नोड(एलिमेंट नोड, टेक्स्ट नोड और कमेंट नोड)
children वापसीउप-एलिमेंटऔर टेक्स्ट और कमेंट नोड)।
साथी और एलिमेंट साथी
साथीब्राह्मणी और बहनी है।
साथीएक ही पूर्ववर्ती नोड के साथ रहने वाले नोड (एक ही childNodes सूची में)。
एलिमेंट साथीएक ही मूल वस्तु के साथ रहने वाले एलिमेंट (एक ही children सूची में)。
उदाहरण
उदाहरण 1
<body> element के child node प्राप्त करें:
const nodeList = document.body.childNodes;
उदाहरण 2
"myDIV" में child node की संख्या प्राप्त करें:
let numb = document.getElementById("myDIV").childNodes.length;
उदाहरण 3
दूसरे child node का पृष्ठभूमि रंग येलो से बदलें:
element.childNodes[1].style.backgroundColor = "yellow";
उदाहरण 4
get <select> element के तीसरे child node का text लें:
let text = document.getElementById("mySelect").childNodes[2].text;
व्याकरण
element.childNodes
वापसी मूल्य
प्रकार | वर्णन |
---|---|
वस्तु |
नोड NodeList वस्तु संग्रह नोड उनके दस्तावेज़ में दिखाई देने की क्रमिक अनुक्रम में अनुक्रमित होते हैं। |
ब्राउज़र समर्थन
element.childNodes
यह DOM Level 1 (1998) विशेषता है।
सभी ब्राउज़र पूरी तरह से इसका समर्थन करते हैं:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
सहायता | 9-11 | सहायता | सहायता | सहायता | सहायता |
- पिछला पृष्ठ
- अगला पृष्ठ
- एक पर्याय वापस HTML DOM Elements ऑब्जेक्ट