Esempio
Nascondere il contenuto di un <p> elemento:
document.getElementById("myP").style.visibility = "hidden"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di visibilità o ritorni se un elemento dovrebbero essere visibili.
La proprietà di visibilità permette all'autore di mostrare o nascondere un elemento. E 'simile alla visualizzazione proprietà. Tuttavia, la differenza è che se si imposta display: none, si nasconde l'intero elemento, mentre visibility: hidden significa che il contenuto dell'elemento saranno invisibili, ma l'elemento rimane nella sua posizione e le dimensioni originali.
Supporto browser
La proprietà di visibilità è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà di visibilità:
object .style.visibility
Impostare la proprietà di visibilità:
object .style.visibility="visible|hidden|collapse|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| visible | L'elemento è visibile. Questa è l'impostazione predefinita |
| hidden | L'elemento non è visibile, ma ancora interessa la layout |
| collapse | Quando utilizzato su una riga della tabella o cella, l'elemento non è visibile (same as "hidden") |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | visibile |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta se il contenuto di un elemento viene visualizzato o meno |
| CSS Version | CSS2 |
Altri esempi
Esempio
Differenza tra la proprietà di visualizzazione e la proprietà di visibilità:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
} Prova tu stesso " Esempio
Nascondere e mostrare un <img> elemento:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
} Prova tu stesso " Esempio
Restituisce il tipo di visibilità di un <p> elemento:
alert(document.getElementById("myP").style.visibility); Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Display e visibilità
Di riferimento CSS: visibility property
<Stile di oggetto