HTML DOM firstElementChild प्रॉपर्टी
उदाहरण
<ul> तत्व के पहले चाइल्ड एलिमेंट की HTML सामग्री प्राप्त करें:
var x = document.getElementById("myList").firstElementChild.innerHTML;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
FirstElementChild प्रॉपर्टी निर्दिष्ट तत्व का पहला चाइल्ड एलिमेंट लौटाती है।
इस संपत्ति और firstChild के बीच का अंतर यह है कि firstChild पहले बच्चे नोड को तत्व नोड, टेक्स्ट नोड या टिप्पणी नोड के रूप में लौटाता है (जिस पर निर्भर करता है), जबकि firstElementChild पहले बच्चे नोड को तत्व नोड के रूप में देता है (पाठ को अनदेखा करता है) और टिप्पणी नोड्स)।
यह संपत्ति केवल पढ़ने के लिए है।
युक्ति: किसी निर्दिष्ट तत्व के किसी भी बाल तत्व को वापस करने के लिए बच्चों की संपत्ति का उपयोग करें । बच्चे [0] पहले एलीमेंट चाइल्ड के समान परिणाम देंगे।
युक्ति: किसी निर्दिष्ट तत्व के अंतिम चाइल्ड तत्व को वापस करने के लिए, lastElementChild गुण का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
वाक्य - विन्यास
element.firstElementChild
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक नोड ऑब्जेक्ट, किसी तत्व के पहले चाइल्ड एलिमेंट का प्रतिनिधित्व करता है, या यदि कोई चाइल्ड एलिमेंट नहीं है तो अशक्त है |
---|---|
डोम संस्करण | कोर स्तर 3 तत्व ट्रैवर्सल |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व के पहले चाइल्ड एलिमेंट का टैग नाम प्राप्त करें:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
उदाहरण
<चयन> तत्व के पहले तत्व नोड का पाठ प्राप्त करें:
var x = document.getElementById("mySelect").firstElementChild.text;