Javascript 如何将DIV设置为style.display="；无”；默认情况下？

我正在尝试制作一个按钮，当它被点击时，它将显示额外的文本，然而，我也只能这样做

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

下面是按钮的JS代码：

函数showInfo（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

你好，世界
显示信息

您的JS代码似乎没有问题

反而

一定要纠正你的HTML，它是“onclick”而不是“click”

<button onclick="showInfo()">

---

您的处理程序是

单击

。它需要是

onclick

。另外，我建议您向

div

添加一个带有

display:none

的类，或者简单地将其内联，如下所示：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div id="myDIV" style="display: none">
 Hello World
</div>
<button onclick="showInfo()">
Show Info
</button>

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

演示

函数showInfo（）{
var x=document.getElementById（“myDIV”）；
如果（x.style.display==“无”）{
返回x.style.display=“block”；
}
返回x.style.display=“无”；
}

你好，世界
显示信息

您应该使用CSS设置任何元素的默认样式–通过链接到外部CSS文件或在HTML文件中的开始和结束标记之间

像这样

#myDIV{
显示：无；
}

CSS

#myDiv{display:none；}

将“默认”将元素设置为隐藏。或者只需像

@daddygames那样将其内联到元素上，谢谢！这对我有用！如果只是关于js：

window.onload=showInfo（）如果它只是关于js的：
window.onload=showInfo（）也会做这项工作；）