2014-02-16 34 views
2

如何獲取元素的級聯樣式(不計算)? 說我有一個匹配的CSS規則寬度的元素:50%;在webkit中獲得級聯樣式

我想要得到的字符串 「寬度:50%」

style.cssText 

僅適用於內聯樣式

我得到儘可能使用

elm = document.getElementById("myElm"); 
rules = elms.ownerDocument.defaultView.getMatchedCSSRules(elm, ''); 

現在我有一個列表所有與此元素相關的CSS規則,但我怎麼知道哪一個是匹配的規則?

rules的順序規則,與樣式的「級聯」有關嗎?我已經做了一些簡單的測試,我看起來就是這樣,但我不能確定。

我不需要跨平臺的解決方案,但它必須與webkit瀏覽器和本地JS一起工作。

+0

你爲什麼不能與計算的工作作風?聽起來這就是你需要的。是的,規則的順序很重要。只要選擇者是相同的,即它們沒有不同的特徵。 –

+0

在做一些風格操縱,併爲了做到這一點正確重要的是我知道風格「來自」 –

回答

0

如果我理解正確的話你的問題,你需要的東西是這樣的:

var casWidth = ($element.width()/$parentRelativeElement.width()) * 100

+0

我實際上需要原始的CSS字符串,如果風格設置爲百分比或「自動」或任何其他特殊值 –

+0

[最新回覆]如果CSS寬度不固定,則無關緊要。 jquery將採用當前的寬度並將其轉換爲像素。 – grmmph