如果我有这个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>
Mar*_*son 27
除了DevlshOne的答案,您还可以使用css使其不显示:
var divOne = document.getElementById('1');
divOne.style.display='none';
这两者之间存在差异.隐藏可见性后,div仍将占用空间,但您无法看到它.使用display ='none',就好像它不存在一样.
为您挑选更好的一个.
小智 10
你需要使用这样的东西:
document.getElementById("1").style.display = "none";
上面的答案基本上都是正确的,但你需要注意display ="none"和visibility ="hidden"之间的区别.显示"无"时,元素将从页面上的元素布局中删除.随着可见性"隐藏",元素仍然占据其空间,你只是不再看到它.
| 归档时间： |
|
| 查看次数： |
61256 次 |
| 最近记录： |