js中元素屬性值的獲取

一、樣式表的三種方式

1、內嵌樣式(inline style)：是寫在tag標簽當中的，用style=“”來表示，只對當前標簽生效；

2、內部樣式(inner style sheet)：是寫在HTML中的，一般寫在head標簽中，對所在的網頁有效

3、外部樣式表(Extend style sheet)：寫在單獨文件，需要用link標簽單獨引入，可對多個網頁生效

 

二、獲取style樣式屬性

1、在js中，通過document.getElementById("id").style.xxx就可以獲得元素的XXX屬性值，但是，這種方法只能獲取到內嵌方式設置的樣式值。

2、通過getComputedStyle或currentStyle(IE方法)獲取元素屬性值

通常封裝為函數

function getStyle(obj,attr){
        if(obj.currentStyle){
            return obj.currentStyle[attr];
        }else{
            return getComputedStyle(obj,null)[attr];
        }
    }

火狐瀏覽器中支持情況良好，但在google瀏覽器中，只有顯示設定的樣式才可以獲取到值，

我測試的是：為li的絕對定位設置了right值，當獲取right值時是可以的，但獲取的left為auto；

且google中獲取的值通常為float型，而且小數位數很長，