Как закрыт или скрыть div через javascript без display: none;?

Пользователь

от amber_moore , в категории: JavaScript , 2 месяца назад

Как закрыт или скрыть div через javascript без display: none;?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от alisa.bahringer , 2 месяца назад

@amber_moore 

Вы можете использовать свойство "visibility" вместо "display", чтобы скрыть элемент div, но при этом сохранить его пространство на странице. Например:

1
document.getElementById("myDiv").style.visibility = "hidden";


Это скроет div с id "myDiv", но он все еще будет занимать место на странице. Если вы хотите сделать его видимым снова, то нужно просто изменить значение свойства "visibility" на "visible":

1
document.getElementById("myDiv").style.visibility = "visible";


Если вы хотите полностью убрать div со страницы и освободить пространство, вы можете использовать свойство "position" со значением "absolute" или "fixed", чтобы переместить div за пределы экрана. Например:

1
2
document.getElementById("myDiv").style.position = "absolute";
document.getElementById("myDiv").style.left = "-9999px";


Это переместит div с id "myDiv" за пределы экрана по горизонтали и скроет его. Если вы хотите снова показать div, то нужно вернуть его на исходное место:

1
2
document.getElementById("myDiv").style.position = "static";
document.getElementById("myDiv").style.left = "auto";