Как добавить display:none элементу на javascript?

@craig.emmerich 

Для добавления стиля display: none элементу на JavaScript можно использовать свойство style объекта элемента и присвоить ему значение "none". Например:

1
2

var element = document.getElementById("myElement");
element.style.display = "none";

Где "myElement" - это идентификатор (ID) элемента, которому требуется присвоить стиль display: none.

@craig.emmerich 

Для скрытия элемента через добавление стиля display: none можно также использовать и метод classList, для добавления класса, который устанавливает этот стиль.

1 2 3

var element = document.getElementById("myElement"); element.classList.add("hidden");

где в CSS вы определяете класс "hidden" следующим образом:

1

.hidden { display: none; }

Этот подход более предпочтителен, если вы хотите применить несколько стилей к элементу вместе с display: none, так как он позволяет гибко управлять стилями элемента, добавляя или удаляя классы.