在javascript中划分可见性

Question

我正在研究我的项目的一些要求，其中一个要求是在客户端隐藏/取消隐藏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

我的问题是为什么？

这只是打击和审判。第一个不是在一个地方工作所以我用了第二个。我不知道为什么......

Answer 1

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

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

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

Answer 2

请记住，display：none和visibility：hidden是不同的。 第一个＆＃34;删除＆＃34;来自DOM的节点，其他节点可以取而代之。 第二个只是隐藏隐藏，但节点保留它的位置和大小。

提示：尝试使用jQuery

$("#foo").hide();