使用Javascript将CSS标记输出到字符串

我想知道是否有人有使用javascript输出给定元素的css标记的经验

注意：仅使用Webkit

例如：

HTML:

<div id="css"></div>

#css {
    background: #F1F3F5;
    border: 1px solid #B4BFC9;

    -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
}

alert($('#css').getCSS());

#css {
    background: #F1F3F5;
    border: 1px solid #B4BFC9;

    -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
}

漂亮的jQuery插件？：）

警报

用法：

var style = css($("#elementToGetAllCSS"));
$("#elementToPutStyleInto").css(style);

---

可能的复制品我从来没有想过，但它会很酷。当Safari、Chrome和Firefox都有可以提供信息和更多信息的inspector工具时，不确定您为什么想要它。无法同时获得

-moz-

值和

-webkit-

值，因为不受支持的规则是不受支持的。感谢AlienWebguy:）但是，这只对每个浏览器单独起作用，因为它们会被筛选出无法识别的属性–正如@qwertymk所述。如果元素也有伪类，例如

：：afetr

，

：：before

和

：over

并显示它们，您能让它起作用吗？那太好了！

var style = css($("#elementToGetAllCSS"));
$("#elementToPutStyleInto").css(style);