JavaScript - スタイルを取得する

window.getComputedStyle()

window.getComputedStyle() メソッドは、要素に適用されたスタイルの値を返します。window.getComputedStyle の構文は以下のとおりです。

var style = window.getComputedStyle(element,pseudoElt);
window.getComputedStyle() メソッド
element
スタイルを取得する対象の element オブジェクトです。
pseudoElt
マッチさせたい疑似要素を指定する文字列です。通常要素には空文字列を指定してください。
style
CSSStyleDeclaration オブジェクトです。

CSSStyleDeclaration オブジェクトから値を取得するためには、getPropertyValue メソッドを使用します。

var element = document.getElementById("main");
var style = document.getComputedStyle(element, "");

var value = style.getPropertyValue("color");

console.log(value); // rgb(255, 255, 255)
window.getComputedStyle() / getPropertyValue() メソッド

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
15
Shares:
2
Tag:
JavaScript
コードレシピ