कैसे कर सकते हैं मैं उपयोग getElementsByClassName(<classname>).outerHTML="" को छिपाने के लिए एक <div> जब वहाँ रहे हैं कई नाम के लिए div वर्ग?

कक्षाओं के लिए, आप उपयोग कर सकते हैं document.querySelectorAll() साथ सीएसएस चयनकर्ताओं से, इस तरह:

document.querySelector('button').addEventListener('click', () => {
  document.querySelectorAll('.cake')[0].style.display = 'none';
});

<div class="cake forest carousel">Some content I want to hide.</div>
<button>Hide content</button>

के साथ classNames, याद है कि आप निर्दिष्ट कर सकते हैं सभी classNames (कभी कभी उपयोगी है कि इंगित करने के लिए एक तत्व है, अगर वहाँ रहे हैं कि अन्य तत्वों का हिस्सा होते हैं classList:

document.querySelectorAll('.cake.forest.carousel')[0] . . .

यह भी ध्यान दें कि document.querySelectorAll() रिटर्न एक संग्रहनहीं है, एक स्ट्रिंग है जो है क्यों यह आवश्यक है का उपयोग करने के लिए [0] संकेतन का चयन करने के लिए पहला तत्व में लौट संग्रह.

का उपयोग कर getElementsByClassName() ज्यादा एक ही विचार है - फिर से, यह एक संग्रह है, और एक या तो होना चाहिए का उपयोग करें [0] अंकन प्राप्त करने के लिए पहला तत्व (आमतौर पर केवल एक ही वापस आ रहा है), या एक forEach() पाश का चयन करने के लिए इच्छित तत्व के आधार पर अन्य मापदंड.

document.querySelector('button').addEventListener('click', () => {
  document.getElementsByClassName('cake forest')[0].style.display = 'none';
});

<div class="cake forest carousel">This div has classes cake, forest and carousel</div>
<div class="cake">This div only has class cake</div>
<button>Hide divs with classes cake AND forest</button>