イナヅマTVログ

[JavaScript]HTMLElementに設定されているCSS styleを知りたい, jQueryを使わずに

| 0件のコメント

シリーズでもないんだけど…
HTMLElement(tag)に設定されたCSS styleをjQueryを使わずに取得する方法のお話。

getComputedStyle

window.getComputedStyleを使うとできそう。
MDN(ja): window.getComputedStyle
MDN(en): window.getComputedStyle
“window.getComputedStyle”の日本語情報は古いかもなので英語版も見てね、らしいので2つリンクを貼りました。

window.getComputedStyle(element,pseudoElt);

getComputedStyleは例によって全てのブラウザでそのまま使えるものではないそうです。

*古い記事ですが参考になりました。
getComputedStyle について調べてたら深みにハマったのでメモ

ブラウザ間の差異に注意して使うと良いらしいです。

getStyle.js

Google 先生にお聞きすると gist でそれらしいコードをみつけました。

gist: cms / getStyle.js

getStyle(element, styleProp);

な感じで使えるようです。

ふむふむ勉強になるなぁ〜

コメントを残す

必須欄は * がついています


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください