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];        }    }

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

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

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

js中元素屬性值的擷取