Maison  >  Article  >  interface Web  >  Exemple d'introduction à la différence entre les compétences d'affichage et de visibilité_javascript

Exemple d'introduction à la différence entre les compétences d'affichage et de visibilité_javascript

WBOY
WBOYoriginal
2016-05-16 16:58:151329parcourir

L'affichage peut généralement être défini sur aucun, en ligne, bloquer

la visibilité peut généralement être définie sur caché, visible

Lorsque l'affichage est aucun et que la visibilité est masquée, les éléments disparaîtront. Mais il existe des différences.

l'affichage masquera l'élément et sa position ne sera plus occupée, tandis que la visibilité occupera sa position d'origine.

Vous pouvez comprendre en regardant l'exemple :

Copiez le code Le code est le suivant :


"button" onclick= "isDisplay(document.getElementById('myDiv'))" value="L'affichage est-il visible" />
<script> function isVisibility(me){ <br>if ( me.style.visibility= ="hidden"){ <br>me.style.visibility="visible" } <br>else{ <br>me.style.visibility="hidden" <br>} <br>} <br><br>function isDisplay(me){ <br>if (me.style.display=="none"){ <br>me.style.display="block" } <br>else{; <br>me.style .display="none"; <br>} <br>} <br></script>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn