Как скрыть элемент страницы на JavaScript

Довольно часто при вёрстке страниц сайта требуется скрыть элемент от просмотра клиентом. В принципе существуют несколько способов решения задачи: например, с помощью CSS поместить содержимое в блок нулевых размеров или спрятать блок под видимый слой. Подобную задачу можно с лёгкостью решить и на  javascript используя стиливое свойство display.

//Для установки блокировки элемента
document.getElementById(id).style.display = "block"

//Для снятия блокировки элемента
document.getElementById(id).style.display == "none"

Переключатель скрыть - показать блок или элемент.

При вызове приведённой ниже функции и передачей в неё имя идентификатора элемента, проверяется статус его блокировки и в зависимости от этого устанавливается значение свойства display - "block" или "none".

<script language="JavaScript" type="text/JavaScript">
function trigerDisplay(id) { 
if (document.getElementById(id).style.display == "none")
   {document.getElementById(id).style.display = "block"}
else 
   {document.getElementById(id).style.display = "none"}
}
</script>

ТОП 10 случайных публикаций