シリーズでもないんだけど…
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); |
な感じで使えるようです。
ふむふむ勉強になるなぁ〜