জাভাস্ক্রিপ্টে নির্দিষ্ট এলিমেন্টের চাইল্ড নোড রিমুভ করা

একটি লিস্টের চাইল্ড নোড (child node) রিমুভ (remove) করতে জাভাস্ক্রিপ্টে removeChild() মেথড দেওয়া আছে। এই মেথড ব্যবহার করে যেকোনো লিস্ট আইটেম তার ইনডেক্স পজিশন (position) দিয়ে রিমুভ করা যায়। সংক্ষেপে আলোচনা করা হলো।

সিনট্যাক্স

node.removeChild(node);

উদাহরণ-১

নিচের উদাহরণে, প্রদত্ত লিস্টে ৩টি এলিমেন্ট আছে কিন্তু একটি চাইল্ড রিমুভ করার পর লিস্টে শুধু দুটি এলিমেন্ট আছে এবং সেগুলো আউটপুটে দেখানো হয়েছে।

<html> <body> 
  <ul id="list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> 
  <script> 
    var list = document.getElementById("list"); 
    list.removeChild(list.childNodes[1]); 
  </script> 
</body> </html>

আউটপুট

Tesla Solarcity

উদাহরণ-২

নিচের উদাহরণে, প্রদত্ত লিস্টে ৩টি এলিমেন্ট আছে কিন্তু removeChild() মেথড ব্যবহার করে প্রথম চাইল্ড রিমুভ করার পর বাকি দুটি এলিমেন্ট আউটপুটে দেখানো হয়েছে।

<html> <body> 
  <ul id="list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> 
  <script> 
    var list = document.getElementById("list"); 
    list.removeChild(list.childNodes[0]); 
  </script> 
</body> </html>

আউটপুট

Spacex Solarcity