пример
Скрыть содержимое <p> элемента:
document.getElementById("myP").style.visibility = "hidden"; Попробуй сам " Определение и использование
Видимость набор свойств или возвращают ли элемент должен быть виден.
Свойство видимости позволяет автору показать или скрыть элемент. Он похож на дисплей свойства. Тем не менее, разница в том, что если вы установите дисплей: Нет, он скрывает весь элемент, а видимость: скрытая означает, что содержимое элемента будет невидимыми, но элемент остается в исходном положении и размерах.
Поддержка браузеров
Свойство видимости поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство видимости:
object .style.visibility
Установите свойство видимости:
object .style.visibility="visible|hidden|collapse|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| visible | Элемент виден. Это по умолчанию |
| hidden | Элемент не виден, но до сих пор влияет на расположение |
| collapse | При использовании на строке таблицы или ячейки, то элемент не виден (same as "hidden") такой (same as "hidden") , (same as "hidden") |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | видимый |
|---|---|
| Возвращаемое значение: | Строка, представляющая отображается ли содержимое элемента или нет |
| CSS версия | CSS2 |
Еще примеры
пример
Разница между свойством отображения и свойством видимости:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
} Попробуй сам " пример
Скрыть и показать <img> элемент:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
} Попробуй сам " пример
Возвращает тип видимость <p> элемента:
alert(document.getElementById("myP").style.visibility); Попробуй сам " Похожие страницы
Учебник CSS: CSS Отображение и видимость
Ссылка CSS: visibility property
<Style Object