jsはスタイルの問題解析と解決方法を取得できませんでした.

1114 ワード

一、JSは埋め込み方式で設定されたスタイルの値しか修正できません.
       JavaScriptでは、document.getElemenntById(id).style.XXXを通じてXXXの値を取得することができますが、意外にもこのようにすれば、埋め込み方式で設定されたスタイル値、すなわちstyle属性で設定された値しか取れません.
1、currentStyle(IE Opera).すなわち、
mydiv.currentStyle.left   
mydiv.currentStyle["left"]
 
   
  

2、getComputedStyle(FF Chrome)

getComputedStyle(mydiv),null)["width"]
総合:
function getStyle(obj,attr)
 {
            if(typeof getComputedStyle)
                return getComputedStyle(obj,null)[attr];
            else return obj.currentStyle[attr];
}
はこのように呼べばいいです.
getStyle(mydiv,'width')
最後に、スタイルシートには3つの方法があります.
インラインスタイル:Tagに書いてあります.インラインスタイルはすべてのTagにのみ有効です.
内部様式(internal Style Sheet):HTMLの中に書いてあります.内部様式はあるページにのみ有効です.
外部様式表(External Style Sheet):もし多くのページが同じスタイルを使う必要があるなら、スタイルをcssをバックにしたCSSファイルに書いて、これらのスタイル(Steylas)を必要とするページごとにこのCSSファイルを引用します.最も一般的なのはstyle属性で、JavaScriptでは、document.getElement ById(id).style.XXXを通じてXXXの値を取得することができますが、意外にも、埋め込み方式で設定されたスタイル値、すなわちstyle属性で設定された値しか取れません.