20

この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>
4

5 に答える 5

11

次のようなものを使用する必要があります。

document.getElementById("1").style.display = "none";
于 2013-07-10T01:31:50.187 に答える
6

上記の回答はすべて基本的に正しいですが、display = "none" と visibility = "hidden" の違いに注意する必要があります。表示が「なし」の場合、要素はページ上の要素のレイアウトから削除されます。可視性が「隠されている」と、要素はまだそのスペースを占有しており、もはや表示されません。

于 2014-11-10T21:13:22.530 に答える
2
var divOne = document.getElementById('1');
divOne.style.visibility = 'hidden';

document.getElementByIdMDN で

于 2013-07-10T01:12:18.740 に答える