Comment utiliser javascript pour changer la couleur : 1. Utilisez l'instruction "element object.style.color = "color value";" pour changer la couleur du texte ; 2. Utilisez l'instruction "element object.style.backgroundColor = "color" value";" instruction pour changer la couleur d’arrière-plan.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Utilisez javascript pour changer la couleur
1 Utilisez la propriété color de l'objet Style pour changer la couleur du texte
La propriété color peut définir la couleur du texte.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="box">元素内容</div><br /> <button onclick="myFunction()">改变文本颜色</button> <script> function myFunction() { var box = document.getElementById("box"); box.style.color = "red"; } </script> </body> </html>
2. Utilisez la propriété backgroundColor de l'objet Style pour modifier la couleur d'arrière-plan. La propriété backgroundColor peut définir la couleur d'arrière-plan de l'élément.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="box">元素内容</div><br /> <button onclick="myFunction()">改变背景颜色</button> <script> function myFunction() { var box = document.getElementById("box"); box.style.backgroundColor = "red"; } </script> </body> </html>
【Recommandations associées : Tutoriel d'apprentissage 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!