Comment changer la visibilité de div avec javascript

javascript est un langage de script côté client qui peut être utilisé pour créer des pages web dynamiques qui répondent aux actions de l`utilisateur. Par exemple, les utilisateurs interagissent avec les pages Web en cliquant sur les boutons, l`ouverture de pages ou en déplaçant son curseur de la souris sur les éléments de la page Web. Ces interactions déclenchent des événements tels que "onclick", "onload" ou "onmouseover" qui peut, à son tour, déclencher les fonctions javascript. Fonctions peuvent utiliser des méthodes intégrées javascript, tels que "getElementById," pour changer la visibilité de style des éléments de la page Web, tels que le texte placé dans les balises "DIV".

Choses que vous devez

  • Éditeur de texte
  • Navigateur Web avec javascript activé
  • Ouvrez un éditeur de texte et de créer un nouveau fichier nommé divVisibility.html. Ajouter des balises HTML pour le fichier qui comprend une ouverture ""Tag, un open""Tag, un proche""Tag, un open""Tag, un proche""Tag, et un gros"" Étiquette.

  • Ajouter un tag "".

  • Ajouter une fonction nommée "getStyle" entre les "" tags. Cette fonction prend un argument: une variable appelée «visibilité». Ajouter une accolade ouverte ( "{") et une accolade à proximité ( "}") après la déclaration de fonction pour indiquer où placer le code de la fonction "getStyle".

  • Ajouter une commande entre accolades la fonction "getStyle" de qui utilise la commande "getElementById" javascript. Cette commande définit le "style.visibility" attribut d`un

    avec l`id "myField" à la valeur de la «visibilité» l`argument variable.

  • Ajouter un "

    "Tag entre le fichier de"" et ""Balises et donner la balise id" myField ". Ajouter le texte" Hide and Show DIV "après le"
    "Tag et fermer la"
    " Étiquette.

    Hide and Show DIV

  • Ajouter un bouton après la clôture "

"Tag. Attribuer un" onclick () "événement javascript du bouton qui appelle la" getStyle () "fonction avec l`argument" visible ". Attribuer le texte" Faire la balise DIV visible "sur le bouton et fermer la"" Étiquette.

Hide and Show DIV

  • Ajouter une deuxième balise de bouton pour le fichier. Attribuer une "onclick ()" événement javascript du bouton qui appelle la fonction "getStyle" avec l`argument "caché". Attribuer le texte "Faire la balise DIV invisible" sur le bouton et fermer la ""Tag. Enregistrer et fermer divVisibility.html.

    Hide and Show DIV

  • DivVisibility ouvert dans un navigateur Web. Cliquez sur le bouton "Faire la balise DIV visible" pour afficher le texte entre le "MyField" "

    " et "
    "Balises. Cliquez sur le" Faire la balise DIV bouton invisible pour cacher le texte entre le "myField" "
    " et "
    " Mots clés.

  • Conseils Avertissements

    • Le texte affiché dans les balises HTML DIV peut être masquée ou affichée en utilisant des styles CSS créés à l`aide de feuilles de style.
    • Il est recommandé de vérifier le code dynamique, des événements et des méthodes dans les différents navigateurs Web pour veiller à ce que le code fonctionne de manière cohérente.
    • Le "
      "Balise HTML peut profiter de nombreux styles CSS qui fournissent des interfaces utilisateur plus convaincantes.
    • Pensez à utiliser un «retour» à la fin de toute fonction qui ne retourne pas de valeur pour assurer le fonctionnement de la fonction comme prévu.