JavaScriptにおけるスタイル読み取りの問題

styleプロパティを通して、読み取ることができるのは、 style属性を通して設定されたスタイルのみです。これは、 CSSファイルで設定されたスタイルは読み取ることができないことを意味します。

例を見てみましょう。以下のような要素があるとします：

<div id="elem">
	text
</div>

CSSファイルで以下のスタイルが設定されているとします：

#elem {
	color: red;
}

変数に要素への参照を取得します：

let elem = document.querySelector('#elem');

スタイルの値を読み取ってみましょう：

console.log(elem.style.color); // '' を出力する