如何使用JavaScript從CSS樣式表中獲取特定樣式？

Question

我試過element.style.getPropertyValue但只獲得元素的style屬性中的文本。我將如何從樣式元素獲取屬性和值？

Answer 1

您可以通過大多數瀏覽器上的getComputedStyle功能或通過IE上的currentStyle property獲取元素的完整樣式，包括樣式表分配的樣式。 （請注意，其中之一是一個函數，另一種是屬性。）

---

有許多圍繞計算樣式瀏覽器的特質的。這是我使用一個好庫的東西之一，例如jQuery,Prototype,YUI,Closure或any of several others。這樣你就可以利用其他人已經完成的工作（最重要的是，解決方法）。舉個例子：某些版本的WebKit（Chrome和Safari使用的渲染器）在某些情況下錯誤地報告了margin-right屬性。 jQuery測試看看是否是這種情況，如果是這樣的話，可以爲你解決它。我不知道有多少其他人在特定問題上工作，但你明白了。

Answer 2

你可以嘗試：

function getStyle(element, styleProperty) { 
    if (element.currentStyle) 
     return element.currentStyle[styleProperty]; 
    else if (window.getComputedStyle) 
     return document.defaultView.getComputedStyle(element, null).getPropertyValue(styleProperty); 
    return value; 
}