如何在 html 中消失/出現內容？

Question

我想在 javascript function 的 html 文件中出現/消失一個<div> 。 我怎樣才能做到這一點？

Answer 1

Select 它，然后設置它的style ，或者添加一個 CSS class 來進行隱藏。

document.querySelector("#element-id").classList.toggle("d-none");

Answer 2

這是一個非常簡單的方法。

 function togglehide(id){ var el = document.getElementById(id); el.classList.toggle('hideme'); }

 .hideme{display:none}

 <button onclick="togglehide('mydiv')">Click me</button> <br> <div id="mydiv"> put some content here </div>

Answer 3

let div = document.querySelector('div'); div.style.display = 'none'; // this will make it as if it didn't exist div.style.opacity = 0 // this will make it transparent

Answer 4

將 style 屬性設置為 none 以隱藏內容。

document.getElementById("element").style.display = "none";