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

Question

我想编写一个脚本来更改单击时的文本颜色和图像颜色..在这里我想调用函数的外部样式表(我将创建)..每种颜色都会有所不同。 CSS 页面。这样，当我单击橙色时，文本和图像背景应该更改为橙色，如果我单击红色，它应该更改为红色..任何人都可以帮助我解决..任何想法或建议...提前致谢。

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