HTML DOM फर्स्टचाइल्ड प्रॉपर्टी
उदाहरण
<ul> तत्व के पहले चाइल्ड नोड की HTML सामग्री प्राप्त करें:
var x = document.getElementById("myList").firstChild.innerHTML;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
FirstChild गुण निर्दिष्ट नोड के पहले चाइल्ड नोड को नोड ऑब्जेक्ट के रूप में लौटाता है।
इस संपत्ति और firstElementChild के बीच का अंतर यह है कि FirstChild पहले चाइल्ड नोड को एक तत्व नोड, एक टेक्स्ट नोड या एक टिप्पणी नोड के रूप में लौटाता है (जिस पर निर्भर करता है कि पहला), जबकि firstElementChild पहले चाइल्ड नोड को एक तत्व नोड के रूप में लौटाता है (पाठ को अनदेखा करता है) और टिप्पणी नोड्स)।
नोट: तत्वों के अंदर व्हाइटस्पेस को टेक्स्ट माना जाता है, और टेक्स्ट को नोड्स के रूप में माना जाता है (देखें "अधिक उदाहरण")।
यह संपत्ति केवल पढ़ने के लिए है।
युक्ति: किसी निर्दिष्ट नोड के किसी भी चाइल्ड नोड को वापस करने के लिए तत्व .childNodes गुण का उपयोग करें । चाइल्डनोड्स [0] फर्स्टचाइल्ड के समान परिणाम देगा।
युक्ति: किसी निर्दिष्ट नोड के अंतिम चाइल्ड नोड को वापस करने के लिए, lastChild गुण का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
firstChild | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
node.firstChild
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक नोड ऑब्जेक्ट, नोड के पहले बच्चे का प्रतिनिधित्व करता है, या यदि कोई बच्चा नोड नहीं है तो अशक्त है |
---|---|
डोम संस्करण | कोर स्तर 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 first child node of <div> is a #text node, and not the <p> 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").firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
उदाहरण
हालांकि, अगर हम स्रोत से व्हाइटस्पेस हटाते हैं, तो <div> में कोई #text नोड नहीं है, जो <p> तत्व को पहला चाइल्ड नोड बना देगा:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
उदाहरण
<select> तत्व के पहले चाइल्ड नोड का टेक्स्ट प्राप्त करें:
var x = document.getElementById("mySelect").firstChild.text;
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: node. लास्टचाइल्ड प्रॉपर्टी
एचटीएमएल डोम संदर्भ: node. चाइल्डनोड्स संपत्ति
एचटीएमएल डोम संदर्भ: node. पेरेंटनोड संपत्ति
एचटीएमएल डोम संदर्भ: node. आगामीसिबलिंग प्रॉपर्टी
एचटीएमएल डोम संदर्भ: node. पिछली सहोदर संपत्ति
एचटीएमएल डोम संदर्भ: node. नोडनाम संपत्ति