HTML DOM style propriété de visibilité
Définition et utilisation
Que ce soit l'attribut de visibilité de l'élément doit être visible.
attribut de visibilité permet aux auteurs d'afficher ou masquer un élément. Similaire à l'attribut d'affichage. Cependant, la différence est, si vous définissez display: none, cacherez l'élément entier, si vous définissez la visibilité: caché, éléments de contenu ne seront pas visibles, mais les éléments restent la position et la taille d'origine.
grammaire
Définir les propriétés de visibilité:
Renvoie les attributs de visibilité:
值 | 描述 |
---|---|
visible | 默认。元素是可见的。 |
hidden | 元素是不可见的,但仍然影响布局。 |
collapse | 当在表格行或单元格中使用时,该元素是不可见的(与 "hidden" 相同)。 |
inherit | visibility 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété de visibilité.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Cacher les éléments de contenu:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function demoDisplay(){
document.getElementById("p1").style.display="none";
}
function demoVisibility(){
document.getElementById("p2").style.visibility="hidden";
}
</script>
</head>
<body>
<p id="p1">这是一些文本。</p>
<p id="p2">这是一些文本。</p>
<input type="button" onclick="demoDisplay()" value="隐藏显示属性的文本">
<input type="button" onclick="demoVisibility()" value="具有可见性属性的隐藏文本">
</body>
</html>
Essayez »
style Objets