En JavaScript, vous pouvez utiliser l'attribut d'objet style pour changer la couleur d'arrière-plan du div. Le format de syntaxe est "element object.style.background="color value"". L'objet Style représente une déclaration de style unique et est accessible à partir du document ou de l'élément auquel le style est appliqué.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Idée : Cliquer sur un div change la couleur d'arrière-plan en jugeant le nombre de clics pour changer la couleur d'arrière-plan. Il utilise principalement l'addition et l'accumulation de nombres.
Code ;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js实现点击div改变背景颜色</title>
<style>
div{
background: red;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div></div>
</body>
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];/*通过标签名div组*/
var count=0;/*计数，从0开始，每点击一下加一*/
div.onclick = function () { /*给div绑定点击函数*/
count ++;
/*判断点击的次数，来改变背景颜色*/
if(count % 3==1){
this.style.background="yellow"
}else if(count % 3==0){
this.style.background="red"
}else {
this.style.backgroundColor="#ff9000"
}
}
</script>
</html>[Apprentissage recommandé : Tutoriel avancé 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!
Comment faire une image ronde en ppt
Quelle est la commande pour supprimer une colonne dans SQL
Téléchargement du logiciel de trading Yiou
La différence entre Win7 32 bits et 64 bits
définirIntervalle
Solution d'erreur de paramètre 0x80070057
Comment utiliser debug.exe
Utilisation des éléments en python
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
