JavaScriptでCSSプロパティの値を取得する方法

スタイルシートを使用して設定されたWebページのCSSプロパティの値を取得するとします。どうすればそうできますか?

の値を取得したいとしますCSSWebページのプロパティ。スタイルシートを使用して設定されます。

ザ・style要素のプロパティは、インラインスタイルまたは動的に定義されたCSSプロパティのみを一覧表示するため、それを返しません。

外部スタイルシートで定義されているプロパティではありません。

それで、どうやってそれをしますか?使用するgetComputedStyle()、グローバル関数:

const element = document.querySelector('.my-element')
const style = getComputedStyle(element)
style.backgroundColor //the RGB value

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: