クリックしたときに div の背景色を変更しようとしています。これは私が書いたコードです:
<div style="background-color:red" onClick="this.style='background-color:blue'"></div>
何らかの理由で、これは機能していません。構文の問題だと確信しています。誰でも助けることができますか?
ありがとう!
クリックしたときに div の背景色を変更しようとしています。これは私が書いたコードです:
<div style="background-color:red" onClick="this.style='background-color:blue'"></div>
何らかの理由で、これは機能していません。構文の問題だと確信しています。誰でも助けることができますか?
ありがとう!
背景色は、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 プロパティの両方が同期していることを確認します。
このデモをチェックしてください:
<div style="background-color:red" onClick="this.style.backgroundColor = 'blue'"></div>
試す:
<div style="background-color:red" onClick="this.style.backgroundColor='blue'"></div>