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

JavaScript से DOM एलिमेंट्स कैसे हटाएं

JavaScript के साथ DOM से एलिमेंट्स को तुरंत हटाने या छिपाने के दो अलग-अलग तरीकों के बारे में जानें।

JavaScript के साथ DOM से एलिमेंट्स को हटाने/छिपाने के दो तरीके हैं। अपने आप से पूछें “क्या मुझे किसी बिंदु पर इस एलिमेंट को वापस लाने की आवश्यकता होगी?”।

यदि उत्तर हां है, तो आपको स्टाइल प्रॉपर्टी के साथ अपने एलिमेंट को छिपाना चाहिए: 

const hideElement = document.querySelector('#element-to-hide') hideElement.style.display = 'none'

यदि आपको एलिमेंट को वापस लाने की आवश्यकता नहीं है, तो इस मेथड का उपयोग करें:

const removeElement = document.querySelector('#element-to-remove') removeElement.parentNode.removeChild(removeElement)

याद रखें कि जब querySelector() का उपयोग करके एलिमेंट्स को सेलेक्ट करते हैं, तो # ID एट्रिब्यूट वाले एलिमेंट्स के लिए है, . क्लासेस के लिए है।

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

    JavaScript से एलिमेंट से क्लास नाम हटाने के लिए, निम्न कोड का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: &

  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 में अद्वितीय तत्वों की सरणी कैसे बनाएं (डुप्लिकेट हटाएं)?

    मान लीजिए निम्नलिखित डुप्लिकेट तत्वों वाली हमारी सरणी है: var duplicateNumbers = [10, 20, 100, 40, 20, 10, 100, 1000]; हम चाहते हैं कि आउटपुट हो: [10, 20, 100, 40, 1000]; केवल अद्वितीय तत्व प्रदर्शित करने के लिए, filter की अवधारणा का उपयोग करें। उदाहरण निम्नलिखित कोड देखें: var duplicateNumbers = [