0

我试图在单击时更改 div 的背景颜色。这是我写的代码：

<div style="background-color:red" onClick="this.style='background-color:blue'"></div>

出于某种原因，这一直没有奏效。我确定这是语法问题。任何人都可以帮忙吗？

谢谢！

4

3 回答 3

3

背景颜色可以称为 DOM 属性：this.style['background-color']

<div style="background-color:red" onClick="this.style['background-color']='blue'">Demo Text</div>

或作为 JS 属性：this.style.backgroundColor

<div style="background-color:red" onClick="this.style.backgroundColor='blue'">Demo Text</div>

后者更受欢迎。浏览器确保 DOM 属性和 JS 属性是同步的。

检查这个演示：

于 2013-09-04T03:23:14.837 回答
1 
<div style="background-color:red" onClick="this.style.backgroundColor = 'blue'"></div>
于 2013-09-04T03:16:42.590 回答
1

尝试：

<div style="background-color:red" onClick="this.style.backgroundColor='blue'"></div>
于 2013-09-04T03:16:51.537 回答