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