javascript - 如何将元素 css 转换为 JSON?

标签 javascript jquery html css json

<分区>

我让我的用户在打印前更改页面中每个元素的任何属性(位置、颜色等)。

我正在寻找一种用户可以存储新样式表并在以后随时恢复它的方法?

我已经尝试解析 element.style,但它没有返回数组! 此外 $(element).css() 没有任何参数也无法工作!

最佳答案

如果您可以使用插件来完成您的任务,请试试这个插件:https://github.com/reworkcss/css-parse

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

例子: CSS:

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

输出:

{
    "type": "stylesheet",
        "stylesheet": {
        "rules": [{
            "type": "rule",
                "selectors": [
                "body"],
                "declarations": [{
                "type": "declaration",
                    "property": "background",
                    "value": "#eee"
            }, {
                "type": "declaration",
                    "property": "color",
                    "value": "#888"
            }]
        }]
    }
}

关于javascript - 如何将元素 css 转换为 JSON?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23781245/

上一篇:javascript - 2 秒后隐藏/显示图像

下一篇:image - 适合 div 的响应图像

相关文章:

javascript - 完成表单后如何添加图像

javascript - 是否可以从新加载的页面将元素插入到先前打开的窗口文档中?

javascript - 如何使用 D3.js 强制布局生成具有边权重的网络图

javascript - lodash - 将两个数组分组/求和成对象

Javascript 函数立即触发自身

javascript - 如何让输入字段在提交后添加文本

javascript - 鼠标悬停在上面的交互式 map

javascript - 在 chrome 中刷新没有树 'flashing' 的 jstree

javascript - 提交表单时如何使用 JavaScript 进行验证?

javascript - 如何隐藏 HTML 表格行