HTML DOM Element lastChild అంశం
- ముంది పేజీ lang
- తరువాత పేజీ lastElementChild
- పైకి తిరిగి వెళ్ళు హెచ్టిఎంఎల్ డొమ్ ఎలమెంట్స్ ఆబ్జెక్ట్
నిర్వచనం మరియు వినియోగం
lastChild
అంశం ప్రత్యేకంగా నిర్దేశించిన నోడ్ యొక్క చివరి పిల్ల నోడ్ తిరిగి చేస్తుంది నోడ్ అంశం.
lastChild
అంశం రద్దు అంశం కాగలదు.
గమనిక:
lastChild
తిరిగి చేస్తుంది ఈ పిల్ల నోడ్స్: ఎలమెంట్ నోడ్ పెంట్స్, టెక్స్ట్ నోడ్ పెంట్స్ లేదా కామ్మెంట్ నోడ్ పెంట్స్.
ఎలమెంట్ లు మధ్య వాక్యం పదాలు కూడా టెక్స్ట్ నోడ్ పెంట్స్ కాగలవు.
ప్రత్యామ్నాయం ఉంది:
lastElementChild అంశం - lastElementChild
అంశం చివరి పిల్ల ఎలమెంట్ నోడ్ తిరిగి చేస్తుంది (టెక్స్ట్ మరియు కామ్మెంట్ నోడ్ పెంట్స్ తప్పిస్తుంది).
మరియు చూడండి:
నోడ్ అంశాలు
HTML నోడ్ మరియు ఎలమెంట్
లో HTML DOMడాక్యుమెంట్ ఓబ్జెక్ట్ మాడల్లో, హెచ్టిఎమ్ఎల్ డాక్యుమెంట్ కలిగిన (లేదా లేని) పిల్ల నోడ్స్ కలిగిన నోడ్ సెట్ అని అర్థం వహిస్తుంది.
నోడ్ఎలమెంట్ నోడ్ పెంట్స్, టెక్స్ట్ నోడ్ పెంట్స్ మరియు కామ్మెంట్ నోడ్ పెంట్స్ అని అర్థం వహిస్తుంది.
ఎలమెంట్ఎలమెంట్ లు మధ్య వాక్యం పదాలు కూడా టెక్స్ట్ నోడ్ పెంట్స్ కాగలవు.
ఎలమెంట్ కేవలం ఎలమెంట్ నోడ్ పెంట్స్ కాదు.
సందర్భం నోడ్ పెంట్స్ మరియు సందర్భం ఎలమెంట్ పెంట్స్
childNodes తిరిగి子节点కాదు ఎలమెంట్ నోడ్ పెంట్స్, టెక్స్ట్ నోడ్ పెంట్స్ మరియు కామ్మెంట్ నోడ్ పెంట్స్ తో.
children తిరిగి子元素కాదు టెక్స్ట్ మరియు కామ్మెంట్ నోడ్ పెంట్స్ తో.
firstChild మరియు firstElementChild
firstChild తిరిగి మొదటి子节点(元素节点、文本节点或注释节点)。元素之间的空白也是文本节点。
firstElementChild తిరిగి మొదటి子元素(不返回文本节点和注释节点)。
lastChild 与 lastElementChild
lastChild 返回最后一个子节点(元素节点、文本节点或注释节点)。元素之间的空白也是文本节点。
lastElementChild 返回最后一个子元素(不返回文本节点和注释节点)。
实例
例子 1
返回
- 元素的最后一个子节点的 HTML 内容:
document.getElementById("myList").lastChild.innerHTML;
例子 2
获取
let text = document.getElementById("mySelect").lastChild.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").lastChild.nodeName; </script>
ఉదాహరణ 4
కానీ, మీరు స్రోతులో జాగ్రత్తగా జాగ్రత్తగా విముక్తి చేసినప్పుడు, "myDIV" లో #text నోడ్ లేదు:
<div id="myDIV"><p>First child</p><p>Last Child</p></div> <script> let text = document.getElementById("myDIV").lastChild.nodeName; </script>
విధానం
element.lastChild
లేదా
node.lastChild
తిరిగి ఇవ్వబడుతుంది
రకం | వివరణ |
---|---|
నోడ్ | కుమారులలో అంతిమ కుమారుడు నుండి నుండి. |
null | కుమారులు లేకపోతే. |
బ్రౌజర్ మద్దతు
element.lastChild
DOM Level 1 (1998) లక్షణం.
అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు ఇస్తాయి:
క్రోమ్ | IE | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|---|
క్రోమ్ | IE | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
మద్దతు | 9-11 | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముంది పేజీ lang
- తరువాత పేజీ lastElementChild
- పైకి తిరిగి వెళ్ళు హెచ్టిఎంఎల్ డొమ్ ఎలమెంట్స్ ఆబ్జెక్ట్