2016-04-29 7 views
1

のは、私はこのシンプルなスタイルを持っているとしましょう:JSのスタイルをDOM要素にアタッチされていない状態で取得できますか?

.element { 
    width: 60px; 
    } 

しかし、私は、そのクラスとはDOM要素を持っていません。純粋なJSを使ってそのスタイルを得ることはできますか? getComputedStyle()は、DOMが計算したものにアクセスしていることを前提としています。もしそうなら、それにアクセスするためにどのCSSOM要素が使われるのか誰かが説明できますか?

+4

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet – Utkanos

+3

おっと、全体の別々のCSSOM?!?私はこれにこれを実行することなくこれを長く作ったと信じられない。 – staypuftman

+3

http://stackoverflow.com/questions/324486/how-do-you-read-css-rule-values-with-javascript –

答えて

2

はい、HTMLに含まれているだけであればスタイルにアクセスすることができ、どのDOM要素に対しても計算することはできません。

document.styleSheetsはスタイルシートの配列を提供し、ループを使用してそれらを解析できます。

例: この同じページからこの例を添付しました。

Please see this image for better understanding

+0

CSSStylesheet.CSSRuleList.CSSStyleRuleにアクセスしてスタイルにアクセスしますか? – staypuftman

+0

これらは配列なので、オブジェクトとしてではなく配列としてアクセスしてみてください。 –

関連する問題