Скрыть элементы HTML с помощью javascript

Как скрыть элементы 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>

Я хочу скрыть все элементы, кроме div с идентификатором номер 2, чтобы быть такой страницей

<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>

Ответы

Ответ 1

В дополнение к ответу DevlshOne вы также можете использовать css, чтобы он не отображался:

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

Там разница между ними. При скрытой видимости пространство по-прежнему будет потребляться div, но вы не можете его увидеть. С display = 'none', как будто его там нет.

Выберите лучший для вас.

Ответ 2

вам нужно будет использовать что-то вроде этого:

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

Ответ 3

Ответы выше в основном правильны, но вам нужно знать разницу между display = "none" и visibility = "hidden". При отображении "none" элемент удаляется из макета элементов на странице. С видимостью "скрытой" элемент все еще занимает свое пространство, вы просто больше этого не видите.

Ответ 5

Вы можете использовать JQUERY: $('#1').hide()

большой