div를 클릭하여 색상을 변경하는 가장 간단한 방법은 무엇입니까?

Question

클릭하면 div의 배경색을 변경하려고합니다. 이것은 내가 작성한 코드입니다.

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

무엇인가의 이유로이 기능이 작동하지 않습니다. 나는 그것이 구문 문제라고 확신한다. 누구든지 도와 줄 수 있습니까?

감사합니다.

Answer 1

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

Answer 2

시도 :

배경 색상은 DOM 속성으로 참조 할 수

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

Answer 3

: 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 속성이 모두 동기화되도록합니다.

이것을 확인하십시오. :