హెచ్టిఎమ్ఎల్ డాక్యుమెంట్ డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్ ఎలిమెంట్ చిల్డ్రెన్ అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

children అట్రిబ్యూట్ ఘటకాల సమూహాన్ని అనువందిస్తుంది

children అట్రిబ్యూట్ హెచ్చిఎమ్ఎల్ కలెక్షన్ ఆబ్జెక్ట్ అనువందిస్తుంది

మరియు ఇతర పరిశీలనలు:

firstElementChild అట్రిబ్యూట్

lastElementChild అట్రిబ్యూట్

nextElementSibling అట్రిబ్యూట్

previousElementSibling అట్రిబ్యూట్

childElementCount అట్రిబ్యూట్

childNodes అట్రిబ్యూట్

హెచ్టిఎమ్ఎల్ నోడ్స్ మరియు ఘటకాలు

లో హెచ్టిఎమ్ఎల్ డాక్యుమెంట్ డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్లో, హెచ్టిఎమ్ఎల్ డాక్యుమెంట్ కలిగిన (లేదా లేని) ఉప నోడ్స్ యొక్క నోడ్ కలిగిన కూపు

నోడ్ఘటక నోడ్స్, పాఠ నోడ్స్ మరియు పరిశీలన నోడ్స్ అని అర్థం

ఘటకంమధ్య విశ్రాంతి కూడా పాఠ నోడ్స్

ఘటకాలు కేవలం ఘటక నోడ్స్

ఉప నోడ్స్ మరియు ఉప ఘటకాలు

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

బొడీ కంపనీలను పరిగణించండి మరియు వాటి బ్యాక్గ్రౌండ్ రంగును మార్చండి:

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

మీరు స్వయంగా ప్రయత్నించండి

సంకేతాలు

element.children

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి: అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:
అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:

అన్ని కెంపానీలు తమ కంపెనీలకు చెందిన అడ్మినిస్ట్రేటర్లకు సంబంధించిన విషయాలపై తమ విధానాలను తమ వెబ్ సైట్లలో ప్రకటించాలి.

బ్రౌజర్ మద్దతు

element.children ఇది DOM Level 1 (1998) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు