Javascript использует свойство style.display для скрытия или отображения HTML-элементов; он делает это путем доступа к отдельным объектам в объекте DOM и установки свойства.

DOM-объект устанавливает отношения родитель-потомок и смежные родственные отношения между различными элементами в файле HTML.

Содержание

Код
Моя первая веб-страница
Пример

Код

В следующем коде показан образец файла HTML и соответствующий ему Объект DOM:

Моя первая веб-страница

Мой первый абзац

объект DOM, соответствующий указанному выше HTML файл

Пример

Мы можем использовать Javascript для доступа и изменения свойств этих элементов DOM. Следующий код Javascript, написанный в HTML, обращается к абзацу в HTML и устанавливает для его свойства style.display значение none , чтобы скрыть его.

Вывод
HTML

Еще одно свойство, скрывающее элементы в Javascript, - это style.visibility . Однако основное различие между ним и style.display заключается в том, что путем установки для свойства style.visibility значения hidden , пространство элемента остается выделенным в выводе, изменяется только его видимость.

С другой стороны, style.display также удаляет выделенное пространство для этого элемент с экрана вывода.