使用javascript隐藏Html元素_Javascript_Html

使用javascript隐藏Html元素

javascript html

使用javascript隐藏Html元素,javascript,html,Javascript,Html,如何使用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 st

如何使用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>


测试
法瓦扎普
bbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
法瓦扎普
bbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

我想隐藏除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>


法瓦扎普
bbb
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

您将需要使用以下内容：

document.getElementById("1").style.display = "none";

除了DevlshOne的答案外，您还可以使用css使其不显示：

var divOne = document.getElementById('1');
divOne.style.display='none';

这两者之间有区别。隐藏可见性后，空间仍将被div占用，但您无法看到它。如果display='none'，则它似乎不在那里

为您选择更好的。

上面的答案基本上都是正确的，但您需要注意display=“none”和visibility=“hidden”之间的区别。显示“无”时，元素将从页面上的元素布局中删除。在可见性“隐藏”的情况下，元素仍然占据着它的空间，你再也看不到它了。

你可以使用JQUERY:

$（'#1'）。hide（）

太好了

你的问题有点模棱两可。你想什么时候做？这是您页面的完整HTML。您是否希望其他div显示回。。？？等等，等等。你能用这些答案更新你的问题吗？这和Xcode和iOS有什么关系？这个方法仍然占用了容器中的空间。只是可见性是隐藏的。

var divOne = document.getElementById('1');
divOne.style.display='none';