javascript - クリックして div の色を変更する最も簡単な方法は何ですか?

Question

クリックしたときに div の背景色を変更しようとしています。これは私が書いたコードです：

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

何らかの理由で、これは機能していません。構文の問題だと確信しています。誰でも助けることができますか？

ありがとう！

score 3 · Accepted Answer

背景色は、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 プロパティの両方が同期していることを確認します。

このデモをチェックしてください：

score 1 · Accepted Answer

1

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

于 2013-09-04T03:16:42.590 に答える

score 1 · Accepted Answer

1

試す：

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

于 2013-09-04T03:16:51.537 に答える

3 に答える 3