Javascript:显示/隐藏HTML节点

Javascript: show/hide HTML node

本文关键字：HTML 节点 隐藏 显示 Javascript      更新时间：2024-04-12

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

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

您可以这样做：

隐藏：

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

显示：

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

要隐藏，请先这样做，最好将它们放在span而不是para 中

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

当您需要它们显示时，请在提交按钮上调用javascript函数，并使用相同的显示

$("span").show();

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

$("#id").show();
$(".class").show();
相关文章：