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

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

от ian.heidenreich , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от wilburn , 2 года назад

@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);


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

от violette_robel , год назад

@ian.heidenreich 

Если вы хотите скрыть блок в JavaScript, можно использовать следующий код:


document.getElementById('id-блока').style.display = 'none';


В этом случае 'id-блока' - это идентификатор блока, который нужно скрыть. Можно использовать также другие методы, например, jQuery:


$('#id-блока').hide();


Этот код также скроет блок с указанным идентификатором.