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

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

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

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

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

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

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

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

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