Javascript 显示具有显示属性但默认情况下隐藏的div

我希望在默认情况下隐藏一个div，但我在下面的JavaScript代码中遇到了问题

代码在某种程度上起作用，但它最初显示div，然后隐藏它，而不是先隐藏它，然后单击按钮显示它

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

发送
answers

您可以使用简单的三元运算符-此外，设置

style.display=“”

将显示元素：

function myFunction() {
    var x = document.getElementById("answers");
    x.style.display = x.style.display == "none" ? "" : "none";
}

如果希望默认情况下隐藏元素，还需要将

style=“display:none；”“

添加到

元素中：

<p id="answers" style="display:none">
  Answers
</p>

函数myFunction（）{
var x=document.getElementById（“答案”）；
x、 style.display=x.style.display==“无”？：“无”；
}

发送
这是一些文本。

您可以使用简单的三元运算符-此外，设置

style.display=“”

将显示元素：

function myFunction() {
    var x = document.getElementById("answers");
    x.style.display = x.style.display == "none" ? "" : "none";
}

如果希望默认情况下隐藏元素，还需要将

style=“display:none；”“

添加到

元素中：

<p id="answers" style="display:none">
  Answers
</p>

函数myFunction（）{
var x=document.getElementById（“答案”）；
x、 style.display=x.style.display==“无”？：“无”；
}

发送
这是一些文本。

您可以添加初始值以隐藏

DIV

style="display:none"

见演示

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

发送
此处的答案

您可以添加用于隐藏

DIV的初始值

style="display:none"

见演示

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

发送
答案在这里

您当前的脚本工作正常。只需将CSS属性

display:none

添加到

#answers

元素中，即可在默认情况下将其初始隐藏：

<p id="answers" style="display:none">
  Answers
</p>

发送
回答您当前的脚本工作正常。只需将CSS属性
display:none
添加到
#answers
元素中，即可在默认情况下将其初始隐藏：

<p id="answers" style="display:none">
  Answers
</p>

发送
answers
您可以使用hidden too（HTML5属性）添加隐藏div的初始值

这里有答案
您可以使用hidden too（HTML5属性）添加隐藏div的初始值

这里有答案
“jQuery有问题”您的代码中没有jQuery。-除了Ivar的评论之外，您还可以检查jQuery在这里是什么。您使用的只是普通的JavaScript。是的@Ivar，这就是我不使用它的原因。“jQuery有问题”您的代码中没有jQuery除了Ivar的评论之外，您还可以检查jQuery在这里是什么。你使用的只是普通的JavaScript。是的@Ivar，这就是我不使用它的原因。对不起@Ivar，我会解决的。没问题@Tommmm，我很高兴能帮上忙。对不起@Ivar，我会解决的。没问题@Tommmm，我很高兴能帮上忙。我正要提出同样的建议，如果OP不喜欢内联样式，你也可以在外部CSS中分离样式。我们将提出同样的建议。如果OP不喜欢内联样式，你也可以在外部CSS中分离样式。谢谢，我会尝试的