通过使用javascript隐藏Html元素 [英] hide Html elements by using javascript
本文介绍了通过使用javascript隐藏Html元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何使用javascript
隐藏html元素，如果我有这个html页面
How can i hide html elements by using javascript if i have this html page
<body>
<h1>test</h1>
<div id="1" align="center" style="padding-top: 10%;" >
<h1 style="color: #FFFFFF">fawazapp</h1>
<p style="color: #C0C0C0;"> bbb</p>
<p style="color: #FFFFFF;">aaaaaaaaa</p>
</div>
<div id="2" align="center" style="padding-top: 10%;" >
<h1 style="color: #FFFFFF">fawazapp</h1>
<p style="color: #C0C0C0;"> bbb</p>
<p style="color: #FFFFFF;">aaaaaaaaa</p>
</div>
</body>
我想隐藏除ID号为2的div以外的所有元素，使其成为像这样的页面
i want to hide all elements except div with id number 2 to be page like this
<div id="2" align="center" style="padding-top: 10%;" >
<h1 style="color: #FFFFFF">fawazapp</h1>
<p style="color: #C0C0C0;"> bbb</p>
<p style="color: #FFFFFF;">aaaaaaaaa</p>
</div>
推荐答案
除了DevlshOne的回答，您还可以使用css使其不显示：
In addition to DevlshOne's answer, you could also use css to make it not display:
var divOne = document.getElementById('1');
divOne.style.display='none';
两者有所不同。在可见性隐藏的情况下，空间仍然会被div使用，但是你看不到它。显示='无'，它就好像它不存在。
There's a difference between the two. With visibility hidden, the space will still be consumed by the div, but you can't see it. With display='none', its as if its not there.
为你选择更好的一个。
这篇关于通过使用javascript隐藏Html元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
