スポンサードリンク

JavaScriptからCSSのプロパティ値を読み出そう

JavaScript から HTMLエレメントに指定されている CSSプロパティの値(属性値)を取得する場合、

とするのが一般的みたいなんですが、このやり方ではインラインで設定された属性の値しか読み込めないんですよね。

ところが、getComputedStyle という関数(?)を使うと、インラインで設定した以外の属性の値も引っ張って来れると知りまして、ついでなので使いやすいように関数にしてみました。

使い方のサンプルは以下の通りです。

動作確認は、Windows XP SP3 上の IE8、Firefox 7.0.1、Opera 11.51、safari 5.0.5、Chrome 14.0.835 で行いました。

Enjoy!

参照リンク
 ・JavascriptでCSSのプロパティ値を取得する方法 ≪ 来栖川電算
 ・getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

スポンサードリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
トラックバック

このページのトラックバックURL:
http://www.typepad.com/services/trackback/6a01310f1f31c0970c0153925bacd9970b

このページへのトラックバック一覧 JavaScriptからCSSのプロパティ値を読み出そう:


プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku



    運営サイト
    www.mukairiku.net

アクセスランキング


ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

    ブログパーツ
Blog powered by TypePad

スポンサードリンク