Question

我为隐藏的div做了一个CSS。我正在尝试在单击按钮时显示div，但我在Mozilla调试器上获得“null”。任何提示要解决这个问题？感谢。

很抱歉，如果代码太差了，我只是在空闲时间学习一点。

<script id="but1">

  function Show() {
    var ele = document.getElementById("box");
    ele.style.visibility= "visible" ;
  }
</script>

<button type="button" class="but1" id="but1" onclick="Show()">Start</button> 
<div class="box">
  <p class="clicked">Content</p>
</div>

Answer 1

由于您拥有class的元素，而不是id，因此您应使用document.getElementsByClassName("box")[0];代替document.getElementById("box");

Answer 2

我为隐藏的div 做了一个CSS。

在这种情况下，请使用display:block代替ele.style.visibility= "visible" ;

此外，box是类，因此 document.getElementById 无效。

var ele = document.querySelector(".box");
ele.style.display= "block" ;

Answer 3

您可以使用querySelector代替getElementById，您正在识别ID而不是类

用JS显示隐藏的div

3 个答案: