Stylsigbaarheid Eiendom _
Voorbeeld
Versteek die inhoud van 'n <p>-element:
document.getElementById("myP").style.visibility = "hidden";
Definisie en gebruik
Die sigbaarheid-eienskap stel of gee terug of 'n element sigbaar moet wees.
Die sigbaarheid-eienskap laat die skrywer toe om 'n element te wys of te versteek. Dit is soortgelyk aan die vertooneiendom . Die verskil is egter dat as jy stel display:none
, dit die hele element versteek, terwyl visibility:hidden
dit beteken dat die inhoud van die element onsigbaar sal wees, maar die element bly in sy oorspronklike posisie en grootte.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
visibility | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die sigbaarheidseienskap terug:
object.style.visibility
Stel die sigbaarheidseienskap:
object.style.visibility = "visible|hidden|collapse|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
visible | The element is visible. This is default |
hidden | The element is not visible, but still affects layout |
collapse | When used on a table row or cell, the element is not visible (same as "hidden") |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | sigbaar |
---|---|
Terugkeerwaarde: | 'n String, wat verteenwoordig of die inhoud van 'n element vertoon word of nie |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Verskil tussen die vertooneienskap en die sigbaarheidseienskap:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}
Voorbeeld
Wissel tussen versteek en wys van 'n element:
function myFunction() {
var x = document.getElementById('myDIV');
if (x.style.visibility === 'hidden') {
x.style.visibility = 'visible';
} else {
x.style.visibility = 'hidden';
}
}
Voorbeeld
Versteek en wys 'n <img>-element:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}
Voorbeeld
Gee die sigbaarheidtipe van 'n <p>-element terug:
alert(document.getElementById("myP").style.visibility);
Verwante bladsye
CSS-tutoriaal: CSS-vertoning en sigbaarheid
CSS verwysing: sigbaarheid eiendom
❮ Stylvoorwerp