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

जावास्क्रिप्ट में मौजूदा HTML तत्वों को कैसे हटाएं?


निकालने के लिए एक मौजूदा HTML तत्व removeChild() उपयोग किया जाना चाहिए। यह मूल तत्व से किसी भी तत्व को हटा देता है।

वाक्यविन्यास

removeChild(element);

यह एक तत्व को एक पैरामीटर के रूप में लेता है और इसे DOM से हटा देता है।

उदाहरण

निम्न उदाहरण में, div अनुभाग . में प्रारंभ में हमारे पास 2 ग्रंथ हैं। लेकिन जब चाइल्ड निकालें () विधि का उपयोग किया जाता है, उन ग्रंथों में से एक को हटा दिया जाता है और अनुभाग में केवल एक पाठ रहता है। वह टेक्स्ट आउटपुट में प्रदर्शित होता है।

<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 निकालें MySQL Remove MongoDB निकालें Java निकालें ऊपर, आप प्रत्येक ली तत्व के साथ निकालें बटन देख सकते हैं। इस बटन पर क्लिक करने पर, आप किसी भी li तत्व को हटा सकते हैं। बटन क्लिक पर ली तत्वों को हटाने के लिए कोड निम्नलिखित है; उद

  1. जावास्क्रिप्ट में आईडी द्वारा तत्व निकालें?

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

  1. जावास्क्रिप्ट में एक डोम नोड के सभी बाल तत्वों को निकालें?

    चाइल्ड तत्वों को हटाने के लिए, आंतरिक HTML को पर सेट करें। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-sc