javascript擷取非行間樣式的方法(可以相容各個瀏覽器)

標籤：current   element   相容   nload   設定   on()   compute   div   var   

執行個體：

HTML:

<div id=‘div1‘></div>

CSS:

#div1{width:200px; height:200px; background:red;}

//我們使用currentStyle和getComputedStyle來擷取div元素的樣式

//我們就單說一下getComputedStyle怎麼使用吧！getComputedStyle有兩個參數，其中第一個參數指的是你要擷取哪個元素的樣式，而第二個參數則是一個垃圾，你可以往裡面放任何東西，包括你的名字都是可以的。如getComputedStyle(obj,null)，或者getComputedStyle(obj,’gnn’)，一般我們會把第二個參數設定成false。

function getStyle(obj,name){    if(obj.currentStyle){        //IE        return obj.currentStyle[name];    }else{        //FF、Chrome        return getComputedStyle(obj,false)[name];    }};window.onload=function(){    var odiv=document.getElementById(‘div1‘);    alert(getStyle(odiv,‘width‘));//擷取到div寬
　　alert(getStyle(odiv,‘backgroundColor‘));//背景顏色擷取div的

}

javascript擷取非行間樣式的方法(可以相容各個瀏覽器)