Question

我有以下代码：

<html>
<head><title></title>
<script>
function showMe (it, box) {
  var vis = (box.checked) ? "none" : "block";
  document.getElementById(it).style.display = vis;
}
</script>
</head>
<body>

<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
<div id="div1">
<h3 align="center"> test </h3>

</div>
<form>
</form>
</body>

我想切换div，但是当脚本加载div时，上面的代码可以正常工作。如何在脚本加载时将div设置为隐藏？（我知道如果我在标签之外设置div它可以工作但是我想在里面切换它们。）

Answer 1

我在其中一个页面上做了类似的事情，并将其包含在div

中

style="display:none"

这似乎对我有用，然后当我点击我的显示/隐藏按钮

时它会变为阻止

Answer 2

最初将div代码设为display:none。并翻转if的条件。

像：

function showMe (it, box) {
    var vis = (box.checked) ? "block":"none";
   document.getElementById(it).style.display = vis;
}


<div id="div1" style="display:none">

html切换div

2 个答案: