将 HTML 元素的“Style”属性转换为 JSON

Question

我需要使用 JavaScript / jQuery 将 HTML 元素的样式属性转换为 JSON 对象。我该怎么办？

澄清： 假设我有<div style="font-size: 14px; text-align: center;"></div>，所以我想要一个 JSON 对象：{font-size: 14px, text-align: center}

Answer 1

使用jquery-json插件，

超文本标记语言

<element id="myElt" style="foo: 1; bar: x; baz: none;"/>

JavaScript

var styles = $('#myElt').attr('style').split(';'),
    i= styles.length,
    json = {style: {}},
    style, k, v;


while (i--)
{
    style = styles[i].split(':');
    k = $.trim(style[0]);
    v = $.trim(style[1]);
    if (k.length > 0 && v.length > 0)
    {
        json.style[k] = v;
    }
}

alert($.toJSON(json));

http://jsfiddle.net/mattball/aT77q/