如何通過外部樣式表類返回應用於元素的所有CSS屬性（未獲取計算樣式！）？

鑑於CSS類：如何通過外部樣式表類返回應用於元素的所有CSS屬性（未獲取計算樣式！）？

.red { 
    color: rgb(255,0,0); 
    background-color: rgb(0, 255, 0); 
}

我再通過添加一個div到DOM：

$("<div></div>").addClass("red").hide().appendTo("body");

我可以使用單屬性：

$(".red").css("color");

它返回RGB（255， 0，0）;

我的問題是如何循環瀏覽css類屬性並全部返回而不直接使用屬性名稱？

來源

2014-10-01 Stephen Tierney

也許這個答案可能會有所幫助：http://stackoverflow.com/questions/1004475/jquery-css-plugin-that-returns-computed-style-of-element-to-pseudo-clone-that-ele – Newtt 2014-10-01 14:08:21

I實際上已經在另一個標籤中打開了這個答案，其實並不是我所追求的，但是謝謝你的建議！ :) – 2014-10-01 14:13:47

所以你想檢索屬性，因爲它是*設置*，它是什麼*評估*？ – 2014-10-01 14:20:23

其實我已經找到了解決辦法使用這個非常方便的jQuery庫：https://github.com/f0r4y312/jquery-stylesheet

我現在可以遍歷每個樣式表和申報，並返回：

var key is a loop through the css property names 
$.stylesheet("." + key + "").rules()[0].style

，然後返回所有的樣式屬性：

0 "color" "rgb(255, 0, 0)" 
1 "background-color" "rgb(0, 255, 0)" 
etc

我現在正在序列化爲單元測試的json數組！

感謝您的所有非常有幫助的回覆！

來源

2014-10-01 15:18:15

如何通過外部樣式表類返回應用於元素的所有CSS屬性（未獲取計算樣式！）？

回答

相關問題