Maison > interface Web > js tutoriel > le corps du texte

Exemple JavaScript de partage sur le changement de couleur

黄舟
Libérer: 2017-08-09 11:00:31
original
1809 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal