HTML DOM Element firstChild అట్రిబ్యూట్
- ముంది పేజీ dir
- తదుపరి పేజీ firstElementChild
- పైకి తిరిగి వెళ్ళు HTML DOM Elements ఆబ్జెక్ట్
నిర్వచనం మరియు ఉపయోగం
firstChild అట్రిబ్యూట్ ప్రత్యేకంగా నోడ్ యొక్క ప్రథమ కుమార నోడ్ ను తిరిగి ఇస్తుంది, అది Node అట్రిబ్యూట్.
firstChild అట్రిబ్యూట్ రిడ్ ల్యాన్ కు ఉంటాయి.
firstChild అట్రిబ్యూట్ మరియు childNodes[0] అదే.
గమనిక:
firstChild ప్రథమ కుమార నోడ్ ను తిరిగి ఇస్తుంది: ఎలిమెంట్ నోడ్, టెక్స్ట్ నోడ్ లేదా కామెంట్ నోడ్.
ఎలిమెంట్స్ మధ్య యొక్క శూన్యం కూడా టెక్స్ట్ నోడ్స్ అవుతాయి.
ప్రత్యామ్నాయం:
firstElementChild అట్రిబ్యూట్ - firstElementChild అట్రిబ్యూట్ ప్రథమ కుమార ఎలిమెంట్ ను వాటిలో టెక్స్ట్ మరియు కామెంట్ నోడ్స్ వద్ద పరిగణించకుండా తిరిగి ఇస్తుంది.
మరింత చూడండి:
నోడ్ అట్రిబ్యూట్స్
ఇన్స్టాన్స్
ఉదాహరణ 1
ప్రయత్నించండి <ul> ఎలిమెంట్ యొక్క మొదటి కుమార నోడ్ యొక్క HTML కంటెంట్ పొందండి:
document.getElementById("myList").firstChild.innerHTML;
ఉదాహరణ 2
ప్రయత్నించండి <select> ఎలిమెంట్ యొక్క మొదటి కుమార నోడ్ యొక్క టెక్స్ట్ పొందండి:
let text = document.getElementById("mySelect").firstChild.text;
ఉదాహరణ 3
ఈ ఉదాహరణ శూన్యం పద్ధతి నిరూపిస్తుంది.
ప్రయత్నించండి "myDIV" యొక్క మొదటి కుమార నోడ్ యొక్క నోడ్ పేరును పొందండి:
<div id="myDIV">
<p>Looks like first child</p>
<p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>
ఉదాహరణ 4
కానీ, మీరు స్రోతులో శుభ్రతలను తొలగించినప్పుడు, "myDIV" లో #text నోడ్ లేదు:
<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>
HTML నోడ్లు మరియు ఎలిమెంట్స్
లో HTML DOMడాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్ (DOM) లో, HTML డాక్యుమెంట్ కుమారులు కలిగిన (లేదా లేని) నోడ్ల సమాహారం.
నోడ్ఎలిమెంట్ నోడ్లు, టెక్స్ట్ నోడ్లు మరియు కామెంట్ నోడ్లు.
ఎలిమెంట్ఎలిమెంట్ మధ్య ఉండిన శుభ్రతలు కూడా టెక్స్ట్ నోడ్లు.
ఎలిమెంట్ కేవలం ఎలిమెంట్ నోడ్.
కుమారులు మరియు కుమారులు
childNodes తిరిగి ఇస్తుందికుమారులుఎలిమెంట్ నోడ్లు, టెక్స్ట్ నోడ్లు మరియు కామెంట్ నోడ్లు.
children తిరిగి ఇస్తుందికుమారులుటెక్స్ట్ మరియు కామెంట్ నోడ్లను తిరిగి ఇవ్వకపోతుంది.
firstChild మరియు firstElementChild
firstChild మొదటి కుమారుని తిరిగి ఇస్తుందికుమారులుఎలిమెంట్ నోడ్లు, టెక్స్ట్ నోడ్లు లేదా కామెంట్ నోడ్లు. ఎలిమెంట్ మధ్య ఉండిన శుభ్రతలు కూడా టెక్స్ట్ నోడ్లు.
firstElementChild మొదటి కుమారుని తిరిగి ఇస్తుందికుమారులుటెక్స్ట్ నోడ్లు మరియు కామెంట్ నోడ్లను తిరిగి ఇవ్వకపోతుంది.
lastChild మరియు lastElementChild
lastChild చివరి కుమారుని తిరిగి ఇస్తుందికుమారులుఎలిమెంట్ నోడ్లు, టెక్స్ట్ నోడ్లు లేదా కామెంట్ నోడ్లు. ఎలిమెంట్ మధ్య ఉండిన శుభ్రతలు కూడా టెక్స్ట్ నోడ్లు.
lastElementChild చివరి కుమారుని తిరిగి ఇస్తుందికుమారులుటెక్స్ట్ నోడ్లు మరియు కామెంట్ నోడ్లను తిరిగి ఇవ్వకపోతుంది.
సంకేతం
element.firstChild
లేదా
node.firstChild
తిరిగి ఇస్తుంది
| రకం | వివరణ |
|---|---|
| నోడ్ |
నోడ్ యొక్క మొదటి కుమారుడు. కుమారులు లేకపోతే null తిరిగి ఇస్తుంది. |
బ్రౌజర్ మద్దతు
element.firstChild ఇది DOM Level 1 (1998) లక్షణం.
అన్ని బ్రౌజర్లు పూర్తిగా ఇది మద్దతు ఇస్తాయి:
| క్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపరా |
|---|---|---|---|---|---|
| క్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపరా |
| మద్దతు | 9-11 | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముంది పేజీ dir
- తదుపరి పేజీ firstElementChild
- పైకి తిరిగి వెళ్ళు HTML DOM Elements ఆబ్జెక్ట్
