Style visibility Property

Przykład

Ukryć zawartość <p> element:

document.getElementById("myP").style.visibility = "hidden";

Definicja i Wykorzystanie

Zestawy właściwość widoczności lub powraca, czy element powinien być widoczny.

Nieruchomość widoczność pozwala autorowi do pokazania lub ukrycia elementu. Jest ona podobna do wyświetlania właściwości. Jednak różnica jest taka, że po ustawieniu wyświetlacza: Brak, ukrywa cały element, podczas gdy widoczność: ukryta oznacza, że zawartość elementu będzie niewidoczny, ale element pozostaje w swojej pierwotnej pozycji i wielkości.

Wsparcie przeglądarka

Nieruchomość widoczność jest dostępna we wszystkich głównych przeglądarkach.

Składnia

Zwraca właściwość widoczności:

object .style.visibility

Ustaw właściwość Widoczność:

object .style.visibility="visible|hidden|collapse|initial|inherit"

wartości nieruchomości

Wartość	Opis
visible	Element jest widoczny. Jest to domyślny
hidden	Element nie jest widoczny, ale nadal wpływa na układ
collapse	W przypadku stosowania w wierszu tabeli lub komórki, element nie jest widoczny (same as "hidden")
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość:	widoczny
Zwracana wartość:	Ciąg reprezentujący czy zawartość elementu jest wyświetlany lub nie
Wersja CSS	CSS2

Więcej przykładów

Przykład

Różnica między wyświetlaczem i własności nieruchomości Widoczność:

function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}

function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}

Spróbuj sam "

Przykład

Ukryć i pokazać <img> elementu:

function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}

function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}

Spróbuj sam "