假設我有以下 HTML，我想動態隱藏“覆寫”div 的所有子項
<div id="overlay" class="foo">
<h2 class="title">title</h2>
<h1 id="bar">sub-title</h1>
<button id="reset">reset</button>
</div>
有沒有比單獨呼叫 .className = 'hide' 更好的方法來批量隱藏/取消隱藏這些元素？
*請注意，我想稍后檢索它們，因此使用 .remove() 回圈它們或將 div innerHTML 設定為空字串不是一個選項
uj5u.com熱心網友回復：
在你的 css 你可以創建這個：
#overlay.hidden-content > * {
visibility: hidden
}
并hidden-content使用overlayid添加到您的 div以隱藏所有子元素。
uj5u.com熱心網友回復：
display: none;作品。以前我試圖隱藏div.className = 'hide'子元素，通過它只會去掉 div 的樣式，而不是子元素。
div.style.display = 'none';作品
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/387177.html
標籤：javascript html css
下一篇：懸停在圖片上時出現黑線