使用Javascript和/或CSS显示或隐藏div？

我有一个页面有9个html标记（文本输入、选择、按钮类型），这9个控件位于一个div中。 此div是

“display:none”

即。当页面显示在浏览器中时，div内的9个控件不可见

如果用户单击一个按钮，我有一个Javascript函数处理它的“onclick”：

   function handleShowTheDiv()
   {
       var theDiv = document.getElementById('theNineControlDiv');
       theDiv.style = "display: visible";
   }

虽然我意识到我可以让这个按钮提交页面，然后在我的php中，我可以输出额外的9个控件，因为我不想进入我不想提交页面只是为了让额外的9个控件可见

上述方法不起作用

---

我不记得细节，但我在某个地方读到一些东西，它们以某种方式使用javascript和css来显示/隐藏页面上的内容。你是怎么做到的？我认为将div的

样式

从

“display:none”

更改为

“display:visible”

可以做到这一点，但它不起作用。

将代码更改为：

function handleShowTheDiv()
   {
       var theDiv = document.getElementById('theNineControlDiv');
       theDiv.style.display = "block";
   }

您可以通过这种方式更改任何css，因此请阅读更多有关css的信息

如果div具有runat属性，则代码将不支持

---

希望这对您有所帮助。

尝试“显示：块”而不是“显示：可见”；）您缺少以下值的引号：theDiv.style.display=“visible”@袋熊密码，谢谢。更不用说我对正确显示值的盲目性了。

 function showDiv()
{
 // This is to show the div
  document.getElementById('divId').style.display = 'block';
}

 function hideDiv()
{
 // This is to hide the div
  document.getElementById('divId').style.display = 'none';
}