removeChild मेथड

removeChild मेथड एलिमेंट को हटाने की अनुमति देता है। पैरेंट एलिमेंट पर लागू होता है उस एलिमेंट को निर्दिष्ट करते हुए जिसे हटाना है।

सिंटैक्स

parent.removeChild(element);

उदाहरण

आइए पैराग्राफ #elem को हटाएं। इसके लिए इसके पैरेंट #parent को प्राप्त करें और removeChild मेथड को प्राप्त पैरेंट पर लागू करें, और मेथड के पैरामीटर के रूप में उस एलिमेंट को पास करें, जिसे हटाना चाहते हैं:

<div id="parent">
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

कोड निष्पादित करने का परिणाम:

<div id="parent">
	<p>elem 2</p>
</div>

उदाहरण

यदि एलिमेंट को हटाना है, लेकिन इसके पैरेंट का कोई रेफरेंस नहीं है, - तो पैरेंट को parentElement के माध्यम से प्राप्त किया जा सकता है:

<div>
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

let elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

कोड निष्पादित करने का परिणाम:

<div id="parent">
	<p>elem 2</p>
</div>

यह भी देखें

remove मेथड,
जिसकी मदद से एलिमेंट को हटाया जा सकता है