使用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>

【
站長資訊網