使用Javascript将CSS标记输出到字符串
Output CSS Markup to a string using Javascript
我想知道是否有人有过使用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);
}
漂亮的jQuery插件?:(
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);
}
function css(a){
var sheets = document.styleSheets, o = {};
for(var i in sheets) {
var rules = sheets[i].rules || sheets[i].cssRules;
for(var r in rules) {
if(a.is(rules[r].selectorText)) {
o = $.extend(o, css2json(rules[r].style), css2json(a.attr('style')));
}
}
}
return o;
}
function css2json(css){
var s = {};
if(!css) return s;
if(css instanceof CSSStyleDeclaration) {
for(var i in css) {
if((css[i]).toLowerCase) {
s[(css[i]).toLowerCase()] = (css[css[i]]);
}
}
} else if(typeof css == "string") {
css = css.split("; ");
for (var i in css) {
var l = css[i].split(": ");
s[l[0].toLowerCase()] = (l[1]);
};
}
return s;
}
用法:
var style = css($("#elementToGetAllCSS"));
$("#elementToPutStyleInto").css(style);
相关文章:
- 如何将angularjs中的javascript字符串输出为循环数组
- Javascript将数组转换为字符串并使其反向输出
- 以字符串形式输出Javascript中的日期
- 编辑输出字符串函数ol.control.MouseControl
- jQuery从选项的输出字符串中选择HTML选项
- 使用日期差来输出字符串
- 如何让杰克逊在输出字符串中转义脚本>
- 从输出字符串中消除空字符串
- 从后台代码输出字符串到新页面或窗口
- 格式化XMLSerializer()的输出字符串.serializetostring
- 逐字输出字符串的最后两行
- JSON.将输出字符串化以显示在表中
- 反转输出字符串的顺序
- 输出字符串中两个变量的加/减/乘/除
- PHP如何输出字符串到html
- 需要一个Firefox ctypes输出字符串参数的工作示例
- 如何制作输出字符串的Three.js着色器
- Javascript:JSFiddle 的问题 - 输出字符串的简单 onclick 事件不起作用
- 我如何在Ember中输出字符串,同时仍然由把手解释它
- Javascript -使用innerHTML输出字符串*WITHOUT* html编码的特殊字符