Вы можете сделать что-нибудь вроде
function showDiv()
{
[DIV].visible = true;
//or something
}
javascript
html
Нейрон
источник
источник
test.hide()
?.hide()
видимость не устанавливается. Устанавливает отображение.display
для отображения элемента.Ответы:
если [DIV] является элементом, то
ИЛИ
источник
visibility
имеет побочный эффект: пространство, занимаемое элементом, остается зарезервированным. Это может быть, а может и не быть тем, чего хочет ОП,document.getElementById('id-of-the-div')
вместо[DIV]
testdiv
, это было быdocument.getElementById('testdiv').style.visibility = 'hidden';
?Предположим, вы не используете такую библиотеку, как jQuery.
Если у вас еще нет ссылки на элемент DOM, получите ее, используя
var elem = document.getElementById('id');
Затем вы можете установить любое свойство CSS этого элемента. Чтобы показать / скрыть, вы можете использовать два свойства:
display
иvisibility
, которые имеют несколько разные эффекты:Настройка
style.display
будет выглядеть так, как будто элемента вообще нет («удалено»).или
style.visibility
фактически сохранит div, но будет "полностью пустым" или "полностью белым"Если вы используете jQuery, вы можете сделать это еще проще, если хотите установить
display
свойство:Он автоматически использует соответствующее
display
значение; вам не нужно заботиться о типе элемента (встроенный или блочный). Кроме того,elem
не может быть только DOM элемент , но и селектор , таких как#id
или.class
или что - нибудь еще , что действует CSS3 (и больше!).источник
Вы можете использовать
visibility
или,display
но вы должны применять изменения кdiv.style
объекту, а не кdiv
самому объекту.источник
div.style.visibility = false
у меня не работает в Chrome. И этаtrue
часть, кажется, работает больше случайно, потому что она сбрасывает свойство (хотя это не мой голос против)display
ниvisibility
они не являются. Кроме того,none
иblock
необходимость в кавычки , так как они являются строками ..Вы можете использовать функции DOM: setAttribute и removeAttribute. По следующей ссылке у вас есть пример того, как их использовать.
функции setAttribute и removeAttribute
Быстрый просмотр:
источник
Вы можете использовать то,
opacity
что аналогично,visibility
но позволяет сгладить переход и управлять другими параметрами, такими как высота (для простоты фрагмента я помещаю логику js непосредственно в html - не делайте этого в производственном коде)Показать фрагмент кода
источник
Используйте атрибут 'hidden' элемента DOM:
источник
Сделать невидимым с помощью CSS
Сделать видимым с помощью Javascript
источник