使用javascript隐藏Html元素
使用javascript隐藏Html元素
提问于 2013-07-10 09:08:55
如果我有这个html页面，我如何使用javascript隐藏html元素？
<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之外的所有元素，如下所示
<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>回答 5
Stack Overflow用户
回答已采纳
发布于 2013-07-10 09:34:56
除了DevlshOne的答案之外，您还可以使用css使其不显示：
var divOne = document.getElementById('1');
divOne.style.display='none';这两者之间是有区别的。隐藏可见性后，div仍会占用该空间，但您看不到它。当display='none‘时，它就好像不在那里一样。
为你选一个更好的。
Stack Overflow用户
发布于 2013-07-10 09:31:50
您将需要使用类似以下内容：
document.getElementById("1").style.display = "none";Stack Overflow用户
发布于 2014-11-11 05:13:23
上面的答案基本上都是正确的，但你需要注意display = "none“& visibility = "hidden”之间的区别。当显示为"none“时，该元素将从页面上的元素布局中删除。在可见性“隐藏”的情况下，元素仍然占据着它的空间，你只是看不到它了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17560867
复制相关文章
相似问题