如何在 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";