如何使用 javascript 隐藏 html 元素 如果我有这个 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>
最佳答案
除了DevlshOne的回答,你也可以用css让它不显示:
var divOne = document.getElementById('1');
divOne.style.display='none';
两者是有区别的。隐藏可见性,空间仍然会被div占用,只是你看不到而已。使用 display='none',就好像它不存在一样。
为您选择更好的。
关于javascript - 使用javascript隐藏Html元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17560867/