如何在Javascript中隐藏元素

我希望文本隐藏在开头，单击按钮后显示。如果有人能发现我代码中的错误，我会非常高兴

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

第一步
正文

您需要给它一个初始样式，将其隐藏在HTML中

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

步骤1
正文

尝试最初将step1 DIV的

显示设置为
none
。使用内联样式或CSS

您也可以尝试在页面加载时运行函数。
我刚将其定义为“无”，如下所示：

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

样式。在设置之前，显示不可用。我建议在CSS中使用
.hide{display:none；}
，然后使用
元素.classList.add（'hide'）
和
元素.classList.remove（'hide'）
或
元素.classList.toggle（'hide'）
。除非你想大量打字，否则我通常建议使用CSS类来设计样式。