Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में मौजूदा HTML एलिमेंट्स कैसे हटाएं


मौजूदा 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

  1. JavaScript में बटन क्लिक पर li एलिमेंट्स कैसे हटाएं? JavaScript में बटन क्लिक पर li एलिमेंट्स कैसे हटाएं?

    प्रत्येक <li> में बटन जोड़ें, इवेंट डेलिगेशन या व्यक्तिगत लिसनर से remove() या closest() मेथड से पैरेंट <li> हटाएं। HTML स्ट्रक्चर <ul id=subjectList> <li class=subjectName>JavaScript <button class=removeBtn>हटाएं</button></li> <li class=subjectN

  1. JavaScript में ID द्वारा एलिमेंट हटाना JavaScript में ID द्वारा एलिमेंट हटाना

    ID द्वारा एलिमेंट हटाने के लिए, आप remove() का उपयोग कर सकते हैं।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document

  1. JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना JavaScript में DOM नोड के सभी चाइल्ड एलिमेंट्स हटाना

    चाइल्ड एलिमेंट्स हटाने के लिए, innerHTML को पर सेट करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>    <title>Document</tit