জাভাস্ক্রিপ্টে নির্দিষ্ট নোডের প্রথম ও শেষ চাইল্ড নোড বের করা

একটি নির্দিষ্ট নোডের প্রথম (first) এবং শেষ (last) চাইল্ড নোড (child nodes) বের করতে জাভাস্ক্রিপ্টে 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;

উদাহরণ-২

নিচের উদাহরণে, লিস্ট নোডে তিনটি এলিমেন্ট আছে। "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