Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment modifier 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 des boutons, l'ouverture de pages ou en déplaçant leur 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 des fonctions javascript. Fonctions peuvent utiliser des méthodes intégrées javascript, tel que "getElementById," pour changer la visibilité de style des éléments de page Web, tels que le texte placés dans les balises "div".

Choses que vous devez

  • Éditeur de texte
  • Navigateur Web avec javascript activé

Instructions

    • 1

      Ouvrez un éditeur de texte et créez un nouveau fichier nommé divVisibility.html. Ajouter des balises HTML pour le fichier qui inclut un processus ouvert ""Tag, un open""Tag, un proche""Tag, un open""Tag, un proche""Tag, et un gros""Tag.

    • 2

      Ajouter un tag "".

    • 3

      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 de fermeture («}») après la déclaration de fonction pour indiquer où placer le code de la fonction "getStyle".




    • 4

      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é» variable d'arguments.

    • 5

      Ajouter un "

      "Tag entre le fichier de""Et""Balises et donner à l'étiquette l'id" myField ". Ajouter le texte" Hide and Show DIV "après le"
      "Tag et fermer la"
      "Tag.

      Hide and Show DIV

    • 6

      Ajouter un bouton après la clôture "

      "Tag. Attribuer un" onclick () "événement javascript au bouton qui appelle le" getStyle () "fonction avec l'argument« visible ». Attribuer le texte« Faites la balise DIV visible "pour le bouton et fermer la""Tag.



      Hide and Show DIV

  • 7

    Ajouter une deuxième étiquette de bouton pour le fichier. Attribuer une "onclick ()" événement javascript au bouton qui appelle la fonction "getStyle» avec l'argument «caché». Attribuer le texte «Faites la balise DIV invisible» pour le bouton et fermer la ""Tag. Enregistrer et fermer divVisibility.html.

    Hide and Show DIV

  • 8

    Ouvrir divVisibility 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"
    "Tags.

    • Conseils Avertissements

    • Le texte affiché dans les balises HTML DIV peut être masquée ou affichée en utilisant des styles CSS créées à l'aide de feuilles de style.
    • Il est recommandé de vérifier le code dynamiques, des événements et des méthodes dans les différents navigateurs Web pour veiller à ce que le code fonctionne toujours.
    • La "
      "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 renvoie pas une valeur pour assurer les travaux de fonctionner comme prévu.

    Questions connexes

    » » » » Comment modifier la visibilité de div avec javascript