使用 JavaScript 在 HTML 中显示或隐藏部分答案

【问题标题】：Show or hide section in HTML with JavaScript使用 JavaScript 在 HTML 中显示或隐藏部分
【发布时间】：2020-08-25 09:38:30
【问题描述】：

在我的 HTML 文件中有一个像这样的部分元素：

<section id="analysisData" hidden>
  ..
</section>

如何使用 JavaScript 切换它的可见性？我尝试了这样的方法让它可见：

document.getElementById('analysisData').style.visibility='visible';

不幸的是，这不起作用？有什么想法吗？

【问题讨论】：

您的问题缺少
元素的代码。但是，如果您的代码不起作用，我建议您尝试更改“显示”属性，而不是可见性。即 document.getElementById('analysisData').style.display = "block";
您的意思是使用 JavaScript 以编程方式从 DOM 中删除 HTML 元素吗？或者更新 CSS 可见性样式？您是否希望 HTML 元素占用与“隐藏”之前相同的空间？

【解决方案1】：

纯JS

document.getElementById('analysisData').style.display='block'; //to show
document.getElementById('analysisData').style.display='none'; //to hide

使用 jQuery

$('#analysisData').toggle()

【讨论】：