JAvascriptスクリプト化CSSシリーズとパッケージング互換メソッドのgetStyle(obj,prop)メソッド

1017 ワード

スクリプト化CSS


読み書き要素

  • dom.style.prop
  • 読み書き行間スタイル、互換性の問題がなくて、floatのこのようなキーワードの属性に出会って、前はCSS
  • をプラスすべきです
  • eg: float--->cssFloat
  • 複合属性は分解しなければならず、組合せ単語はアルパカ式の書き方
  • になる.
  • に書き込まれる値は、文字列フォーマット
  • である必要があります.

    クエリー計算スタイル

  • window.getComputedStyle(ele, null);
  • eg : window.getComputedStyle(elem,'before')は、擬似要素のスタイルシート
  • を取得します.
  • 読取り専用スタイル
  • を計算する
  • が返す計算スタイルの値はすべて絶対値であり、相対単位
  • はない.
  • IE 8およびIE 8以下は互換性がない
  • クエリーのスタイル

  • ele.currentStyle
  • 計算スタイル読取り専用
  • が返す計算スタイルの値は、変換された絶対値
  • ではない.
  • IE独自の属性
  • パッケージ互換方法getStyle(obj,prop);

    function getStyle(elem, prop,fakeNode) {
        if(window.getComputedStyle){
            return window.getComputedStyle(elem, fakeNode)[prop];
        }else{//   IE
            return elem.currentStyle[prop];
        }
    }
    

    ここまで学んだ友达は自分で輪番図を作ってみることができます.次に私が作った輪番図のコードリンクを添付します.http://blog.csdn.net/c_kite/article/details/53190653