HTML DOM Element lastChild अट्रिब्यूट
- पिछला पृष्ठ lang
- अगला पृष्ठ lastElementChild
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
वर्णन और उपयोग
lastChild अट्रिब्यूट विशिष्ट नोड के आखिरी बच्चे को नोड ऑब्जैक्ट के रूप में वापस करता है
lastChild अट्रिब्यूट बस पढ़ने ही वाला है
ध्यान दें:
lastChild वापस किया जाने वाला ये बच्चे नोड है: एलीमेंट नोड, टेक्स्ट नोड या कमेंट नोड
एलीमेंट के बीच की खाली भी टेक्स्ट नोड है
विकल्प:
lastElementChild अट्रिब्यूट - lastElementChild अट्रिब्यूट आखिरी बच्चे एलीमेंट को वापस करता है (टेक्स्ट और कमेंट नोड कोणों को नज़र अनदाज़ करता है)。
दूसरे देखें:
नोड अट्रिब्यूट
HTML नोड और एलीमेंट
HTML HTML DOM（डॉक्युमेंट ऑब्जैक्ट मॉडल）में，HTML डॉक्युमेंट कोणों के समूह है जो (या नहीं) बच्चे कोणों को रखता है
नोडएलीमेंट नोड, टेक्स्ट नोड और कमेंट नोड कोणों को कहते है
एलीमेंटबीच की खाली भी टेक्स्ट नोड है
और एलीमेंट केवल एलीमेंट नोड है
बच्चे नोड और बच्चे एलीमेंट
childNodes वापसउपनोड（एलीमेंट नोड, टेक्स्ट नोड और कमेंट नोड कोणों）。
बच्चे वापसउपबंध（और नहीं टेक्स्ट और कमेंट नोड कोणों）。
firstChild और firstElementChild
firstChild वापस पहलाउपनोड（एलेमेंट नोड, टेक्स्ट नोड या कमेंट नोड）。एलेमेंट के बीच की खाली जगह भी टेक्स्ट नोड है।
firstElementChild वापस पहलाउपबंध（टेक्स्ट नोड और कमेंट नोड नहीं वापस किए जाते）。एलेमेंट के बीच की खाली जगह भी टेक्स्ट नोड है।
lastChild और lastElementChild
lastChild पिछले को वापस करेंउपनोड（एलेमेंट नोड, टेक्स्ट नोड या कमेंट नोड）。एलेमेंट के बीच की खाली जगह भी टेक्स्ट नोड है।
lastElementChild पिछले को वापस करेंउपबंध（टेक्स्ट नोड और कमेंट नोड नहीं वापस किए जाते）。एलेमेंट के बीच की खाली जगह भी टेक्स्ट नोड है।
इंस्टांस
उदाहरण 1
<ul> एलेमेंट के अंतिम उपबंध नोड का HTML सामग्री प्रतिफलित करें:
document.getElementById("myList").lastChild.innerHTML;
उदाहरण 2
<select> एलेमेंट के अंतिम उपबंध नोड का टेक्स्ट प्राप्त करें:
let text = document.getElementById("mySelect").lastChild.text;
उदाहरण 3
इस उदाहरण में खाली जगह के दुष्प्रभाव को दिखाया गया है, "myDIV" के अंतिम उपबंध नोड के नाम को प्राप्त करने की कोशिश कीजिए:
<div id="myDIV">
<p>लगता है पहला बच्चा</p>
<p>लगता है कि अंतिम बच्चा</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
उदाहरण 4
लेकिन, अगर आप शुरू में खाली जगह को हटा दें, तो "myDIV" में #text नोड नहीं है:
<div id="myDIV"><p>पहला बच्चा</p><p>अंतिम बच्चा</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>
व्याकरण
element.lastChild
या
node.lastChild
प्रतिफलित मान
| क़िस्म | वर्णन |
|---|---|
| नोड | कैसे कैसे नोड के अंतिम उपबंध नोड। |
| null | अगर कोई उपबंध नहीं है。 |
ब्राउज़र समर्थन
element.lastChild यह DOM Level 1 (1998) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| समर्थन | 9-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ lang
- अगला पृष्ठ lastElementChild
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements ऑब्जेक्ट
