javascript中的Div可见性

Div visibility in javascript

本文关键字：可见性 Div 中的 javascript      更新时间：2023-09-26

我正在研究我的项目的一些要求，其中一个要求是在客户端隐藏/取消隐藏div(项目是在。net技术和div的可见性将在客户端使用JS设置)

代码片段:

var block = document.getElementById('Your_Div_Id');
block.style.display = "none";   //some where it works to hide
block.style.visibility = "hidden";   //some where it works to hide
我的问题是为什么?

这只是试验。第一个在一个地方坏了，所以我用了第二个。

如果你不想使用jQuery，请确保你的元素Id是唯一的，并在javascript代码中设置正确

你也可以尝试在一行中编写代码，如下所示:

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

请记住，display: none和visibility: hidden是不同的。第一个从DOM中"删除"节点，其他节点可以代替它。第二个只是隐藏隐藏，但节点保留它的位置和大小。

提示:尝试使用jQuery 
$("#foo").hide();
相关文章：