如何將元素CSS轉換爲JSON？

Question

我讓用戶在打印之前更改頁面中每個元素的任何屬性（位置，顏色和...）。

我正在尋找一種方式，用戶可以存儲新的樣式表並隨時恢復它？我試圖解析element.style，但它不返回數組！ 也$(element).css()沒有任何爭論沒有工作！

Answer 1

如果你是好使用您的任務插件，試試這個插件：https://github.com/reworkcss/css-parse

演示：http://bililite.com/blog/blogfiles/cssparser/cssparsertest.php

舉例： CSS：

body {background: #eee;color: #888;} 

輸出：

​​

Answer 2

除了將自定義樣式分配給每個元素，您可以爲整個頁面使用唯一樣式類和單個樣式表（將其添加到頭部，記住元素或給它一個唯一的ID），其中包含您的自定義樣式。

您可以再通過stylesheet.cssRules枚舉的樣式表，並建立您的自定義JSON

Answer 3

感謝約翰我找到了正確的答案！我只需要解析

window.getComputedStyle(element); 

TNX大家:)