HTML DOM Element children गुण

परिभाषा और उपयोग

children गुण एलिमेंट के उप-एलिमेंटों के समूह को वापस करता है।

children गुण HTMLCollection ऑब्जैक्ट वापस करता है।

दूसरे देखें:

firstElementChild गुण

lastElementChild गुण

nextElementSibling गुण

previousElementSibling गुण

childElementCount गुण

childNodes गुण

HTML नोड और एलिमेंट

में HTML DOM（डॉक्यूमेंट ऑब्जैक्ट मॉडल）में HTML डॉक्यूमेंट उप-नोडों वाला नोड समूह है (या नहीं है)।

नोडएलिमेंट नोड, पाठ नोड और टिप्पणी नोड को कहते हैं।

एलिमेंटबीच की खाली भी पाठ नोड है।

और एलिमेंट केवल एलिमेंट नोड है।

उप-नोड और उप-एलिमेंट

childNodes वापस करनाउप-नोड（एलिमेंट नोड, पाठ नोड और टिप्पणी नोड）。

children वापस करनाउप-एलिमेंट（न कि पाठ और टिप्पणी नोड के रूप में）。

साथी और तत्व साथी

साथीभाई और बहन

साथीसमान पिता नोड (एक ही) childNodes सूची में)।

एलिमेंट साथीसमान पिता एलिमेंट (एक ही) children सूची में)।

उदाहरण

उदाहरण 1

<body> एलिमेंट के उपांगक संग्रह प्राप्त करें:

const collection = document.body.children;

अपने आप प्रयास करें

उदाहरण 2

"myDIV" कितने उपांगक हैं:

let count = document.getElementById("myDIV").children.length;

अपने आप प्रयास करें

उदाहरण 3

"myDIV" के दूसरे उपांगक का पृष्ठभूमि बदलें:

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

अपने आप प्रयास करें

उदाहरण 4

<select> एलिमेंट के तीसरे उपांगक (अनुक्रम 2) का टेक्स्ट प्राप्त करें:

const collection = document.getElementById("mySelect").children[2].text;

अपने आप प्रयास करें

उदाहरण 5

डॉक्यूमेंट <body> के सभी उपांगकों को घूमकर उनका पृष्ठभूमि बदलें:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

अपने आप प्रयास करें

व्याकरण

element.children

वापसी मूल्य

टाइप वर्णन
ऑब्जैक्ट

HTMLCollection ऑब्जैक्ट

एलिमेंट नोड की संग्रह

एलिमेंट उस तरीके से क्रमबद्ध होते हैं जिसमें वे दस्तावेज़ में दिखाई देते हैं।

ब्राउज़र समर्थन

element.children यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़र्स पूरी तरह से इसका समर्थन करते हैं:

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