在 javascript 中隐藏一个 div 的方法有:使用 display 属性,将其设置为 "none",使 div 隐藏。使用 visibility 属性,将其设置为 "hidden",使 div 隐藏,但仍保留在文档流中。使用 opacity 属性,将 div 的透明度设置为 "0",使 div 变透明,因此不可见。
如何用 JavaScript 隐藏一个 div
在 JavaScript 中,隐藏一个 div 的方法有几种:
- 使用 display 属性
document.getElementById("myDiv").style.display = "none";
这会将 myDiv 的 display 属性设置为 "none",使其隐藏。
- 使用 visibility 属性
document.getElementById("myDiv").style.visibility = "hidden";
这会将 myDiv 的 visibility 属性设置为 "hidden",使其隐藏。与 display 不同,这将保持元素在文档流中,但使其不可见。
- 使用 opacity 属性
document.getElementById("myDiv").style.opacity = "0";
这会将 myDiv 的 opacity 属性设置为 "0",使它变得透明,因此不可见。
以上就是js隐藏div怎么设置的详细内容,更多请关注php中文网其它相关文章!
版权声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系 yyfuon@163.com