किसी विशिष्ट नोड के पहले और अंतिम चाइल्ड नोड्स को प्राप्त करने के लिए, जावास्क्रिप्ट ने क्रमशः firstChild और lastChild मेथड्स प्रदान किए हैं। आइए इन्हें संक्षेप में समझते हैं।
firstChild
सिंटैक्स
node.firstChild;
उदाहरण
निम्नलिखित उदाहरण में, लिस्ट नोड में तीन एलिमेंट्स हैं। मेथड "firstChild" का उपयोग करके पहला एलिमेंट निकाला गया है और परिणाम आउटपुट में दिखाया गया है।
<html> <body> <ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> <p id="first"></p> <script> var list = document.getElementById("list").firstChild.innerHTML; document.getElementById("first").innerHTML = list; </script> </body> </html>
आउटपुट
Tesla Spacex Solarcity Tesla
lastChild
सिंटैक्स
node.lastChild;
उदाहरण-2
निम्नलिखित उदाहरण में, लिस्ट नोड में तीन एलिमेंट्स हैं। मेथड "lastChild" का उपयोग करके अंतिम एलिमेंट निकाला गया है और परिणाम आउटपुट में दिखाया गया है।
<html> <body> <ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> <p id="first"></p> <script> var list = document.getElementById("list").lastChild.innerHTML; document.getElementById("first").innerHTML = list; </script> </body> </html>
आउटपुट
Tesla Spacex Solarcity Solarcity
