<!DOCTYPE html>
<html>
<head>
<style>
p { color:red; text-align:center;cursor:pointer;
</style>
<script src="http://code.jquery.com/jquery...
</head>
<body>
< ;p>ここをクリックしてください</p>
<p>これらの手順を繰り返し実行してください</p>
<p>これらの手順を実行してください。</p>
<スクリプト>
</script>
</body>
</html>
コード中の this.style.color の値は取得しないはずですよね? styleタグ内のスタイルが取得できないのに、プログラムが通常動作中に色が変わってしまうのですが、その理由を教えていただけますか?
给我你的怀抱2017-06-12 09:30:37
HTMLElement.style プロパティは、要素のインライン スタイル属性を表す CSSStyleDeclaration オブジェクトを返しますが、スタイル シートに適用された属性は無視されます。 スタイルを通じてアクセスできる CSS プロパティのリストについては、「CSS プロパティ リファレンス」を参照してください。
...
通常、要素のスタイル情報を理解するには、style 属性だけを使用するだけでは十分ではありません。これは、要素の埋め込み style 属性で宣言された CSS 属性のみが含まれ、他の要素から宣言されたスタイルは含まれないためです。
セクションのインライン スタイル シート、または外部スタイル シートなど。要素のすべての CSS プロパティを取得するには、window.getComputedStyle() を使用する必要があります。
https://developer.mozilla.org...
this.style.color は空の文字列であり、次の条件を満たします
リーリークリックすると色が変わります
天蓬老师2017-06-12 09:30:37
DOMオブジェクトを使用せずに実施style
设置的时候,this.style.color
的值应该是空字符串:""
,所以this.style.color != "blue"
这个表达式的值应该是true
。