Javascript Girl
  1. Javascript Girl
  3. Différence entre style.visibility et style.display
Intereting Posts
Remplacer les comportements javascript Drupal Est-il possible d'ajouter un plugin au chromé à l'aide d'un test de rapprochement? Pourquoi ne définit-il pas la propriété "désactivée" d'une balise <link> via JavaScript work dans IE 8? AngularJS ng-repeat array of arrays LocalStorage.setItem ne persiste pas lors du rafraîchissement Bibliothèques pour écrire xml avec JavaScript Cette utilisation de Javascript eval () est-elle 100% sûre? Angular.injector (…). Invoquez dans la console ne pas retourner un singleton Javascript / jQuery – Comment convertir les données Media et Image en format texte binaire Comment puis-je sélectionner une plage contenant une valeur de texte spécifique, en utilisant jquery? ASP.net PageMethods retourne indéfini Comment puis-je positionner un élément à côté de la sélection de texte utilisateur? Quel est le mot-clé réservé pour NaN en javascript? Insérez le flash en mode AutoPlay Diviser une chaîne CSV par une ligne ignorant les nouvelles lignes contenues entre guillemets

Différence entre style.visibility et style.display

Duplication possible:
Quelle est la différence entre la visibilité: caché et affiché: aucun

Je regarde des exemples pour cacher / afficher les tags div utilisant JavaScript. Dans certains exemples, ils utilisent une visibility et un display .

par exemple 

 document.getElementById("divhotel").style.visibility = "hidden";

contre 

 document.getElementById("divhotel").style.display = "none";

Quelle est la différence entre les deux?

Lorsque vous définissez la visibility à hidden , l'élément n'est pas affiché mais occupe toujours le même espace sur la page.

Lorsque vous obtenez l' display sur none , l'élément n'est ni affiché, ni l'espace sur la page.

Le plus souvent, je me trouve à l'aide de l' display , mais cela dépend de ce que votre scénario exige.

visibility est la façon dont l'élément est rendu, le bloc où il existe est toujours défini indépendamment de la valeur. Les éléments pourraient être poussés à cause de cela. display est la façon dont il est rendu à la page: le block est un élément de type div , avec un modèle de boîte complète; none élément n'est rendu à la page; inline est un élément en ligne tel qu'une balise d'ancrage ou d'ancrage.

Ah, Google aimé.

"Style.visiblity rend l'élément visible ou caché, il est encore rendu et prend de l'espace sur la page, même si vous ne le pouvez pas. Si vous définissez style.display sur" none ", le balisage n'est pas traité et ne prend pas Espace sur la page. "