Element.hidden

Element.hidden - покозує/приховує елемент.

Element.hidden;

Element - об'єкт Element.

hidden властивість об'єкту Element яка приховує/показує елемент.

Якщо властивість hidden дорівнює true тоді елемент прихований.

hidden відрізняється від використання властивості CSS display для контролю видимості елемента.

hidden

елемент який ще не є актуальним, але може знадобитися пізніше
елемент який уже не потрібний
елемент який повторно використовується іншими частинами сторінки у вигляді шаблону
створення екранного полотна як буфер для креслення

#test

var el=document.getElementById('test');
el.hidden=true;

var el=document.getElementById('test');
el.hidden=true; //приховуємо елемент
el.hidden=false; //показуємо елемент

var el=document.getElementById('test');
alert(el.hidden);

Приховуємо елементи P при кліку по елементу:

var mas=document.getElementsByTagName('p');for(var i=0;i<mas.length;i++){
	mas[i].onclick=function(){this.hidden=true;}
}