如何獲得一個元素的所有自定義CSS沒有瀏覽器默認的CSS

我需要通過ID或類，我需要的CSS自定義CSS只如何獲得一個元素的所有自定義CSS沒有瀏覽器默認的CSS

我有這個函數來獲得應用於元素的所有CSS這返回所有的CSS，包括瀏覽器默認內置的CSS，我只需要應用的CSS，就像螢火蟲將如何工作。

Firebug不足以讓我使用，因爲我最終需要將數據導出到json中並以各種方式使用。

這隻需要是javascript或jquery解決方案。

這是我迄今爲止

<div id="elemId" style="border:1px solid red;"> 

var elem1 = document.getElementById("elemId"); 
var style = window.getComputedStyle(elem1, true); 
console.log(style);

所以一般我需要知道的CSS已經被應用到該對象，我需要所有的外部和內聯CSS。我不能通過名稱使用單個getProperty，因爲在大多數情況下，我不知道應用了什麼，我需要自定義CSS的完整列表。

請只提交自己測試過的代碼，不要在沒有測試代碼的情況下從其他論壇粘貼。

感謝丹尼爾

來源

2015-04-23 Daniel Lee

您是否對您在網頁中加載的樣式表有所控制？ –

如果您對WebKit-only解決方案感到滿意，請查看'window.getMatchedCSSRules（...）' –

這裏是否適合您？ http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element – romuleald

所以，當你說「默認瀏覽器CSS」，我相信你所看到的所有適用的CSS規則，當您運行控制檯登錄你的風格變化。如果你想看到這是通過樣式表，jqyery，內聯CSS等應用於所有的CSS，使用cssText：

HTML

<div id="elemId" style="border:1px solid red;">

var elem1 = document.getElementById('elemId'); 
console.log(elem1.style.cssText);

輸出將被

border: 1px solid: red;

jsfiddle

來源

2015-04-23 19:32:02

如何獲得一個元素的所有自定義CSS沒有瀏覽器默認的CSS

回答

相關問題