javascript - obj.style.*은 태그 내에서만 스타일을 가져올 수 있습니다. 그렇죠? 아래 코드는 오류 없이 실행됩니다.

Question

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;스타일&gt; div { 색상:빨간색; 텍스트 정렬:가운데; 커서:포인터; {代码...} &lt;/style&gt; &lt;스크립트 src="

给我你的怀抱 · Answer

HTMLElement.style 속성은 요소의 인라인 스타일 속성을 나타내는 CSSStyleDeclaration 객체를 반환하지만 스타일 시트가 적용된 속성은 무시합니다. 스타일을 통해 액세스할 수 있는 CSS 속성 목록은 CSS 속성 참조를 참조하세요.

...

일반적으로 요소의 스타일 정보를 이해하려면 스타일 속성만 사용하는 것만으로는 충분하지 않습니다. 그 이유는 요소의 포함된 스타일 속성에 선언된 CSS 속성만 포함하고 다른 요소에서 선언한 스타일은 포함하지 않기 때문입니다. 예를 들어 섹션의 인라인 스타일 시트입니다. 요소의 모든 CSS 속성을 얻으려면 window.getCompulatedStyle()을 사용해야 합니다.

https://developer.mozilla.org...

this.style.color는 빈 문자열이며 다음 조건을 만족합니다

으아악

클릭하면 색상이 계속 변경됩니다

天蓬老师 · Answer

DOM 객체를 사용하지 않고 진행되었습니다style设置的时候，this.style.color的值应该是空字符串：""，所以this.style.color != "blue"这个表达式的值应该是true.