我如何将DIV设置为style.display =默认为“ none”？

Question

我正在尝试创建一个按钮，当其被点击时将显示其他文本，但是我只能选择其中一个

• a）默认显示文本或
• b）默认情况下隐藏文本，但是该按钮不起作用。

这是按钮的JS代码：

function showInfo() {
  var x = document.getElementById("myDIV");
  
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div id="myDIV">
 Hello World
</div>
<button type="button" class="btn btn-primary" click="showInfo()">
Show Info
</button>

有没有办法将默认的style.display设置为none？

Answer 1

您的JS代码似乎没有问题。

代替

请更正您的HTML，它是'onclick'而不是'click'

<button onclick="showInfo()">

Answer 2

您的JS代码似乎没有麻烦。

代替

更正您的HTML，其“ onclick”

<button onclick="showInfo()">