জাভাস্ক্রিপ্টে চাইল্ড নোডকে নতুন নোড দিয়ে রিপ্লেস করা

এক চাইল্ড নোড (child node)-কে নতুন নোড (new node) দিয়ে রিপ্লেস (replace) করতে জাভাস্ক্রিপ্টে replaceChild() মেথড দেওয়া আছে। এই কাজ করতে হলে প্রথমে একটি নতুন নোড তৈরি করতে হয় এবং তারপর replaceChild() ব্যবহার করে পুরনো নোড-কে নতুন নোড-দিয়ে রিপ্লেস করতে হয়।

সিনট্যাক্স

node.replaceChild(newnode, oldnode);

এই মেথড দুটি প্যারামিটার নেয়: পুরনো এবং নতুন নোড এবং পুরনো নোডকে নতুন নোড দিয়ে রিপ্লেস করে।

উদাহরণ

নিচের উদাহরণে, শুরুতে আনঅর্ডার্ড লিস্টে এলিমেন্টগুলো ছিল: Boost, Horlicks, Maltova। প্রথম এলিমেন্টকে Bournavita দিয়ে replaceChild() ব্যবহার করে রিপ্লেস করার পর আউটপুটে পাওয়া যাচ্ছে: Bournavita, Horlicks, Maltova।

<html> <body> 
  <ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul> 
  <script> 
    var newnode = document.createTextNode("Bournavita"); 
    var item = document.getElementById("List").childNodes[0]; 
    item.replaceChild(newnode, item.childNodes[0]); 
  </script> 
</body> </html>

আউটপুট

Bournavita Horlicks Maltova