जावास्क्रिप्ट में एलिमेंट्स को हटाना

आइए अब एलिमेंट्स को हटाना सीखते हैं। इसके लिए मेथड remove का उपयोग करना होगा। आइए एक उदाहरण से देखते हैं, कि यह कैसे किया जाता है। मान लीजिए कि हमारे पास पैराग्राफ हैं:

<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>

आइए ऐसा करें कि कोई भी पैराग्राफ उस पर क्लिक करने से हट जाए:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function() {
		elem.remove();
	});
}

निम्नलिखित कोड दिया गया है:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

ऐसा करें कि कोई भी li उस पर क्लिक करने से हट जाए।

निम्नलिखित कोड दिया गया है:

<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

<input type="submit" id="button">

ऐसा करें कि बटन पर प्रत्येक क्लिक करने पर #parent का अंतिम एलिमेंट हट जाए।