HTML DOM lastChild प्रॉपर्टी
उदाहरण
<ul> तत्व के अंतिम चाइल्ड नोड की HTML सामग्री प्राप्त करें:
var x = document.getElementById("myList").lastChild.innerHTML;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
LastChild प्रॉपर्टी निर्दिष्ट नोड के अंतिम चाइल्ड नोड को नोड ऑब्जेक्ट के रूप में लौटाती है।
इस संपत्ति और lastElementChild के बीच का अंतर यह है कि lastChild अंतिम चाइल्ड नोड को तत्व नोड, टेक्स्ट नोड या टिप्पणी नोड के रूप में लौटाता है (जिसके आधार पर अंतिम), जबकि lastElementChild अंतिम चाइल्ड नोड को तत्व नोड के रूप में लौटाता है (पाठ को अनदेखा करता है) और टिप्पणी नोड्स)।
नोट: तत्वों के अंदर व्हाइटस्पेस को टेक्स्ट माना जाता है, और टेक्स्ट को नोड्स के रूप में माना जाता है (देखें "अधिक उदाहरण")।
यह संपत्ति केवल पढ़ने के लिए है।
युक्ति: किसी निर्दिष्ट नोड के किसी भी चाइल्ड नोड को वापस करने के लिए तत्व .childNodes गुण का उपयोग करें ।
युक्ति: किसी निर्दिष्ट नोड के पहले चाइल्ड नोड को वापस करने के लिए, firstChild गुण का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
node.lastChild
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक नोड ऑब्जेक्ट, नोड के अंतिम बच्चे का प्रतिनिधित्व करता है, या यदि कोई चाइल्ड नोड नहीं है तो अशक्त है |
---|---|
डोम संस्करण | कोर स्तर 1 नोड वस्तु |
और ज्यादा उदाहरण
उदाहरण
इस उदाहरण में, हम प्रदर्शित करते हैं कि व्हाइटस्पेस इस संपत्ति के साथ कैसे हस्तक्षेप कर सकता है।
<div> तत्व के अंतिम चाइल्ड नोड का नोड नाम प्राप्त करें:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
उदाहरण
हालांकि, अगर हम स्रोत से व्हाइटस्पेस हटाते हैं, तो <div> में कोई #text नोड नहीं है, जो <span> तत्व को अंतिम चाइल्ड नोड बना देगा:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
उदाहरण
<select> तत्व के अंतिम चाइल्ड नोड का टेक्स्ट प्राप्त करें:
var x = document.getElementById("mySelect").lastChild.text;
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: node. फर्स्टचाइल्ड प्रॉपर्टी
एचटीएमएल डोम संदर्भ: node. चाइल्डनोड्स संपत्ति
एचटीएमएल डोम संदर्भ: node. पेरेंटनोड संपत्ति
एचटीएमएल डोम संदर्भ: node. आगामीसिबलिंग प्रॉपर्टी
एचटीएमएल डोम संदर्भ: node. पिछली सहोदर संपत्ति
एचटीएमएल डोम संदर्भ: node. नोडनाम संपत्ति