मौजूदा HTML एलिमेंट को हटाने के लिए removeChild() का उपयोग किया जाना चाहिए। यह पैरेंट एलिमेंट से किसी भी एलिमेंट को हटा देता है।
सिंटैक्स
removeChild(element);
यह पैरामीटर के रूप में एक एलिमेंट लेता है और इसे DOM से हटा देता है।
उदाहरण
निम्न उदाहरण में, div सेक्शन में प्रारंभ में हमारे पास 2 टेक्स्ट हैं। लेकिन जब 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