使用css和javascript改变文本颜色和图像背景颜色

Question

我想写一个脚本来改变文本的颜色和图像的颜色点击..在这里我想调用外部样式表（我将创建）功能..每种颜色都会有不同的.css页面。所以，当我点击橙色的文字和图像背景应该改变为橙色，如果我点击红色它应该改变为红色..任何人都可以帮助我出局..任何想法或sugessions ...提前致谢。

Answer 1

定义每个颜色在你的CSS类：

.red { 
color: red; 
} 

.blue { 
color: blue; 
} 

然后设置你的HTML点击属性：

<p onclick="javascript: this.setAttribute('class', 'red');">Click to make me red</p> 
<p onclick="javascript: this.setAttribute('class', 'blue');">Click to make me blue</p> 

这里有描述的优化不 - 用不显眼的JavaScript主要是 - 但这应该给你一个开始。