之前瞭解到獲取元素css樣式的方法有三種：

①div.style

②getComputedStyle

③currentStyle

但對於三者的區別及詳細用法並不是特別瞭解，各種查資料各種測試終於瞭解到了詳細的用法，現在在此分享給大家，希望對大家有點用。

下面將對三種方式進行舉例，先列出下面例子的html和css樣式

1.div.style:只能獲取到元素的行間樣式，也就是寫在html標籤內部sytle內的樣式。

舉例：在JavaScript標籤內書寫一下內容。

   var txt=document.getElementById("txt");

   console.log(txt.style.color);                //此時id名為txt的元素沒有行間樣式，瀏覽器將打印不出來任何內容。

當在id名為txt的元素內新增style行樣式時

<p id="txt" style="color:yellow;">

上例中瀏覽器啊將打印出yellow字樣。

這樣就說明div.style方法只能打印出行間樣式。

2.當JavaScript程式碼為下面的情況時：

var box=document.getElementById("box");

var txt=document.getElementById("txt");
var dome=window.getComputedStyle(txt,"null");

console.log(dome.color);       //rgb(255,0,0);

getComputedStyle方法獲取到的顏色樣式為rgb（）的樣式，但是getComputedStyle()方法不能設定元素css樣式，只能進行獲取。

getComputedStyle方法有兩個引數：第一個引數為要獲取計算樣式的元素，第二個引數可以是null、空字串、偽類(如:before,:after)，這兩個引數缺一不可。

3.currentStyle方法是IE瀏覽器下的專屬用法。