Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript在HTML中显示或隐藏节_Javascript_Visibility - Fatal编程技术网

使用JavaScript在HTML中显示或隐藏节

使用JavaScript在HTML中显示或隐藏节,javascript,visibility,Javascript,Visibility,在我的HTML文件中,有一个如下所示的section元素: <section id="analysisData" hidden> .. </section> 不幸的是,这不起作用?有什么想法吗?纯JS document.getElementById('analysisData').style.display='block'; //to show document.getElementById('analysisData').style.display='none';

在我的HTML文件中,有一个如下所示的section元素:

<section id="analysisData" hidden>
  ..
</section>
不幸的是,这不起作用?有什么想法吗?

纯JS

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

$('#analysisData').toggle()
用纯JS

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

$('#analysisData').toggle()

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