站長資訊網
使用javascript改變顏色的方法：1、使用“元素對象.style.color = "顏色值";”語句來改變文本顏色；2、使用“元素對象.style.backgroundColor = "顏色值";”語句來改變背景顏色。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
使用javascript改變顏色
1、使用Style對象color 屬性改變文本顏色
color 屬性可設置文本的顏色。
<!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、使用Style對象backgroundColor 屬性改變背景顏色
backgroundColor 屬性可設置元素的背景顏色。
<!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>
【
