একটি বিদ্যমান HTML এলিমেন্ট সরাতে removeChild() ব্যবহার করতে হয়। এটি প্যারেন্ট এলিমেন্ট থেকে যেকোনো এলিমেন্ট সরিয়ে ফেলে।
সিনট্যাক্স
removeChild(element);
এটি একটি এলিমেন্ট প্যারামিটার হিসেবে নেয় এবং সেটি DOM থেকে বাদ দেয়।
উদাহরণ
নিচের উদাহরণে, div সেকশন-এ প্রাথমিকভাবে ২টি টেক্সট রয়েছে। কিন্তু removeChild() মেথড ব্যবহার করলে 그중 একটি টেক্সট সরিয়ে ফেলা হয়েছে এবং সেকশনে শুধু একটি টেক্সট বাকি থাকেছে। সেই টেক্সটটি আউটপুটে দেখানো হয়েছে।
<html> <body> <div id="new"> <p id="p1">Tutorix</p> <p id="p2">Tutorialspoint</p> </div> <script>
var parent = document.getElementById("new");
var child = document.getElementById("p1");
parent.removeChild(child);
</script> </body> </html>
আউটপুট
Tutorialspoint
