使用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 - 但这应该会给你一个开始。