js如何擷取樣式？

標籤：put   attr   ack   idt   type   round   nload   back   內聯   

     在某個項目中，我們經常會需要來擷取某個元素的樣式，比如說擷取一個div的color；這樣，新的問出現了，

    var style = box.style.width;console.log(style);如果我們寫的是行內的樣式，可以輕鬆通過這種方式來獲得所需要的樣式，不過，如果我們的樣式是內聯或者外聯樣式，就取不到了；

　

<script type="text/javascript">
window.onload=function(){
//擷取行間樣式
var oDiv=document.getElementById("Div");
alert(oDiv.style.background);

//擷取非行間樣式 方法，currentStyle是IE中的屬性，getComputedStyle是其他瀏覽器的方法（注意其有兩個參數）；在非行間樣式中，style屬性只能去賦值，在行間樣式中才能去擷取樣式；
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return window.getComputedStyle(obj,false)[attr];
}
}
alert(getStyle(oDiv2,"background")) ;
}

</script>

　

js如何擷取樣式？