Как скрыть блок в Javascript?

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

от ian.heidenreich , в категории: JavaScript , 10 месяцев назад

Как скрыть блок в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от wilburn , 3 месяца назад

@ian.heidenreich Чтобы скрыть блок в JavaScript, вы можете использовать свойство style.display элемента. Например, чтобы скрыть элемент с идентификатором "myElement", вы можете использовать следующий код:

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


Этот код найдет элемент с идентификатором "myElement" и установит его свойство style.display равным "none", что скроет элемент.


Если вы хотите снова показать скрытый элемент, вы можете установить свойство style.display равным "block" или "inline", в зависимости от типа элемента:

1
document.getElementById("myElement").style.display = "block";


1
document.getElementById("myElement").style.display = "inline";


Обратите внимание, что этот способ скрытия элемента работает только на уровне CSS, так что элемент все еще существует в DOM-дереве и может быть найден с помощью JavaScript. Если вы хотите удалить элемент из DOM-дерева, вы можете использовать метод removeChild :


1
2
const myElement = document.getElementById("myElement");
myElement.removeChild(myElement);