Maison  >  Article  >  interface Web  >  Comment masquer div en javascript

Comment masquer div en javascript

藏色散人
藏色散人original
2021-03-30 11:00:5012608parcourir

Comment masquer un div à l'aide de JavaScript : créez d'abord un module à l'aide de la balise div et définissez son identifiant sur mydiv ; puis créez un bouton à l'aide de la balise bouton et liez enfin l'événement de clic onclick au bouton ; la balise js, créez simplement la fonction hideDiv().

Comment masquer div en javascript

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur DELL G3.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment masquer un div avec js.

Comment masquer div en javascript

Dans le fichier test.html, créez un module en utilisant la balise div et définissez son identifiant sur mydiv.

Comment masquer div en javascript

Dans la balise css, définissez le style du div via id (mydiv), définissez sa largeur sur 100 px, sa hauteur sur 100 px et le couleur d'arrière-plan en rouge.

Comment masquer div en javascript

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton et lier l'événement de clic onclick au bouton lorsque le bouton est activé. est cliqué, exécutez la fonction hideDiv().

Comment masquer div en javascript

Dans la balise js, créez la fonction hideDiv() Dans la fonction, utilisez la méthode getElementById() pour obtenir l'objet div via id (mydiv) et définissez le. attribut de style de l'objet div Si l'attribut d'affichage dans est défini sur aucun, le div peut être masqué. [Apprentissage recommandé : Tutoriel de base js]

Comment masquer div en javascript

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour afficher les résultats.

Comment masquer div en javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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