Exemplu
Ascunde conținutul unui <p> Element:
document.getElementById("myP").style.visibility = "hidden";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate sau de vizibilitate se întoarce dacă un element trebuie să fie vizibilă.
Proprietatea de vizibilitate permite autorului pentru a afișa sau a ascunde un element. Este similar cu afișare de proprietate. Cu toate acestea, diferența este că, dacă setați afișare: nici unul, se ascunde întregului element, în timp ce vizibilitatea: ascuns înseamnă că conținutul elementului va fi invizibil, dar elementul rămâne în poziția sa inițială și dimensiunea.
Suport pentru browser-
Proprietatea de vizibilitate este acceptată în toate browserele majore.
Sintaxă
Întoarcere proprietatea de vizibilitate:
object .style.visibility
Setați proprietatea de vizibilitate:
object .style.visibility="visible|hidden|collapse|initial|inherit"
Valori de proprietate
Valoare | Descriere |
---|---|
visible | Elementul este vizibil. Acest lucru este implicit |
hidden | Elementul nu este vizibil, dar încă afectează aspectul |
collapse | Atunci când este utilizat pe un rând de tabel sau celulă, elementul nu este vizibil (same as "hidden") și (same as "hidden") |
initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
Valoare implicită: | vizibil |
---|---|
Întoarcere Valoare: | Un șir, reprezentând dacă conținutul unui element este afișat sau nu |
CSS Versiune | CSS2 |
Mai multe exemple
Exemplu
Diferența dintre proprietatea de afișare și proprietatea de vizibilitate:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}
Încearcă - l singur » Exemplu
Ascunde și arată o <img> Element:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}
Încearcă - l singur » Exemplu
Returneaza tipul de vizibilitate al unui <p> Element:
alert(document.getElementById("myP").style.visibility);
Încearcă - l singur » Pagini similare
Tutorial CSS: CSS de afișare și vizibilitate
Referință CSS: visibility property de visibility property
<Style Object