Javascript：显示/隐藏HTML节点

我有一个HTML页面，其中包含一些我想通过Javascript显示或隐藏的段落。我该怎么办？我是否也必须在CSS文件中使用display属性？ 多谢各位

编辑：由于这些段落将是表单的错误消息，我希望在开始时它们都不可见

您可以这样做：

要隐藏：

document.getElementById("elementId").style.display = 'none';

显示：

document.getElementById("elementId").style.display = 'block';

您可以这样做：

要隐藏：

document.getElementById("elementId").style.display = 'none';

显示：

document.getElementById("elementId").style.display = 'block';

---

若要隐藏，请先将其放入span而不是para中

 $(document).ready( function() {
     $("span").hide();
 });

无论何时需要它们显示，都可以在submit按钮上调用javascript函数，并使用相同的方法显示

$("span").show();

但不要这样做这将显示所有消息，放入if-else逻辑，然后使用jquery按Id或类显示它们

$("#id").show();
$(".class").show();

---

若要隐藏，请先将其放入span而不是para中

 $(document).ready( function() {
     $("span").hide();
 });

无论何时需要它们显示，都可以在submit按钮上调用javascript函数，并使用相同的方法显示

$("span").show();

但不要这样做这将显示所有消息，放入if-else逻辑，然后使用jquery按Id或类显示它们

$("#id").show();
$(".class").show();

---

这取决于你想什么时候隐藏它们…提供一些你迄今为止尝试过的代码它取决于你想什么时候隐藏它们…提供一些你迄今为止尝试过的代码首先将它们的css设置为display:none；我建议（如果可能的话）不要通过设置

node.style.display='block'来显示元素。我宁愿只设置
node.style.display=''
so
display:none
被删除，并且不需要覆盖display属性（因为它可能不同于“block”）。当然，如果CSS样式表中有一些
display:none
引用该节点，那么这将不起作用；我建议（如果可能的话）不要通过设置
node.style.display='block'来显示元素。我宁愿只设置
node.style.display=''
so
display:none
被删除，并且不需要覆盖display属性（因为它可能不同于“block”）。当然，如果有一些
display:none
在CSS stylesheet.OP中引用该节点时没有请求任何与jQuery相关的内容，那么这将不起作用。这个问题也没有附加jQuery标记，因此jQuery解决方案在提供纯JavaScript解决方案的上下文中没有帮助。OP没有请求任何与jQuery相关的内容。这个问题也没有附加jQuery标记，因此jQuery解决方案在提供纯JavaScript解决方案的上下文中没有帮助。