जावास्क्रिप्ट के साथ डोम तत्वों को कैसे हटाएं

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

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

अगर उत्तर हां, . है तो आपको छिपाना . चाहिए शैली संपत्ति के साथ आपका तत्व:

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

यदि आपको तत्व को फिर से वापस लाने की आवश्यकता नहीं है, तो इस विधि का उपयोग करें:

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

याद रखें कि querySelector() using का उपयोग करते समय तत्वों का चयन करने के लिए, # आईडी विशेषताओं वाले तत्वों के लिए है, . कक्षाओं के लिए है।