जावास्क्रिप्ट में किसी विशिष्ट एलिमेंट के चाइल्ड नोड को कैसे हटाएं?

चाइल्ड नोड को हटाने के लिए जावास्क्रिप्ट ने removeChild() मेथड प्रदान किया है। इस मेथड का उपयोग करके हम किसी भी लिस्ट आइटम को उसके इंडेक्स पोजीशन का उपयोग करके हटा सकते हैं। आइए इसे संक्षेप में समझते हैं।

सिंटैक्स

node.removeChild(node);

उदाहरण-1

निम्नलिखित उदाहरण में, प्रदान की गई लिस्ट में 3 एलिमेंट्स हैं लेकिन चाइल्ड हटाने के बाद लिस्ट में केवल दो एलिमेंट्स बचे हैं और उन्हें आउटपुट में दिखाया गया है।

<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

उदाहरण-2

निम्नलिखित उदाहरण में, प्रदान की गई लिस्ट में 3 एलिमेंट्स हैं लेकिन 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