我努力学习如何隐藏 <div> 部分在一个网页，使用javascript getElementsByClassName("<classname>").outerHTML="".
它所有的伟大工程，如果元素我躲例如 <div class="someclassname">Some content I want to hide</div>. 或者,我有成功的，如果使用 getElementByID("<divId>") 如果工作有例如 <div id="somedivID">.
问题是，当想要隐藏 <div> 有没有 id 当有多个名称列出div的类如下：
<div class="cake forest carousel">Some content I want to hide.</div>
我怎么可以隐藏这样一个div，没有id并没有单一的类的名字吗？
班，你可以使用 document.querySelectorAll() 随着css选择，这样的：
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>