Question

我有一个页面有9个html标签（文本输入，选择，按钮类型），这9个控件在div内。这个div是"display: none"即。当页面出现在浏览器中时，div内的9个控件不可见。

如果用户点击一个按钮，我有一个Javascript函数来处理它的＆＃39; onclick＆＃39;：

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

虽然我知道我可以让这个按钮提交页面，然后在我的php中，我可以输出额外的9个控件，因为我不会进入我不想提交页面的原因使额外的9个控件可见。

以上情况并非如此。

我不记得细节，但我在某处阅读了某些地方使用javascript和css以某种方式显示/隐藏页面上的内容。你是怎样做的？我认为将style的{{1}}从"display: none"改为"display: visible"会这样做，但它无效。

Answer 1

将您的代码更改为：

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

您可以通过这种方式更改任何CSS，因此请详细了解the style object on MDN

Answer 2

 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';
}

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

希望这会对你有帮助..

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

2 个答案: