Beispiel
Wie bitte den Inhalt eines <p> Element:
document.getElementById("myP").style.visibility = "hidden"; Versuch es selber " Definition und Verwendung
Die Sichtbarkeit oder Eigenschaftssätze gibt zurück, ob ein Element sollte sichtbar sein.
Die Sichtbarkeit Eigenschaft ermöglicht es dem Autor zu zeigen oder ein Element auszublenden. Es ist ähnlich wie die Anzeige Eigenschaft. Allerdings ist der Unterschied, dass, wenn Sie Anzeige eingestellt: keine, es das gesamte Element versteckt, während Sichtbarkeit: versteckt bedeutet, dass der Inhalt des Elements unsichtbar sein wird, aber das Element bleibt in seiner ursprünglichen Position und Größe.
Browser-Unterstützung
Die Sichtbarkeit Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Bringen Sie die Sichtbarkeit Eigenschaft:
object .style.visibility
Stellen Sie die Sichtbarkeit Eigenschaft:
object .style.visibility="visible|hidden|collapse|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| visible | Das Element ist sichtbar. Dies ist die Standardeinstellung |
| hidden | Das Element ist nicht sichtbar, aber immer noch Einfluss auf das Layout |
| collapse | Wenn auf einer Tabellenzeile oder Zelle verwendet wird , ist das Element nicht sichtbar ist (same as "hidden") bei (same as "hidden") |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | sichtbar |
|---|---|
| Rückgabewert: | Ein String, der darstellt, ob der Inhalt eines Elements angezeigt wird oder nicht |
| CSS Version | CSS2 |
Mehr Beispiele
Beispiel
Der Unterschied zwischen der Anzeigeeigenschaft und der Sichtbarkeit Eigenschaft:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
} Versuch es selber " Beispiel
Verstecken und zeigen ein <img> Element:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
} Versuch es selber " Beispiel
Gibt die Sichtbarkeit Typ eines <p> Element:
alert(document.getElementById("myP").style.visibility); Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS - Anzeige und Sichtbarkeit
CSS - Referenz: visibility property
<Style - Objekt