recherche

Maison >interface Web >js tutoriel >Exemple JavaScript de partage sur le changement de couleur

Exemple JavaScript de partage sur le changement de couleur

黄舟
黄舟original
2017-08-09 11:00:311839parcourir

Maintenant, nous utilisons javascript pour créer un petit exemple de changement de couleur. Les étapes spécifiques sont les suivantes.


1. La première étape :

Créez d'abord un fichier HTML :

Exemple JavaScript de partage sur le changement de couleur

2. >

Écrire le code du script : 

<body>
  <div id="a1" onclick ="color();"></div>
    
</body>
<script>
    function color() {
        var div = document.getElementById("a1");
        div.id = "a2";
    }
</script>

Exemple JavaScript de partage sur le changement de couleur

Étape 3 :

Style : 

<style>
    div
    {
        width:660px;
        height:660px;
    }
    #a1
    {
        background :green;
    }
    #a2
    {
        background :red;
        
    }
 
 </style>

Exemple JavaScript de partage sur le changement de couleur

4. Étape 4 :

Résultat d'exécution :

Exemple JavaScript de partage sur le changement de couleur

5. Étape 5 :

Cliquez pour changer de couleur :

Exemple JavaScript de partage sur le changement de couleur Les amis, vous pouvez l'essayer vous-même maintenant ~

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
Article précédent：Analyse détaillée des malentendus liés à l'utilisation de JavaScriptArticle suivant：Analyse détaillée des malentendus liés à l'utilisation de JavaScript

Articles Liés

Voir plus