javascript – 捕获div类的内容,包括CSS样式

2023年11月3日 187次阅读

我承认以下
jquery代码捕获了所述< div>中的所有html文本内容.类：

$("div.content").html();

然而,我想要做的是捕获格式,如表格边框和它的背景颜色.我怎么做,因为html()只捕获文本及其格式？

希望有人可以提供建议.谢谢.

最佳答案 您可以使用此函数来获取所有样式,内联,计算等.

编辑就像你想要的那样,它有效.检查这个jsfiddle：http://jsfiddle.net/65adr/40/

$.fn.copyCSS = function (source) {
        var dom = $(source).get(0);
        var dest = {};
        var style, prop;
        if (window.getComputedStyle) {
            var camelize = function (a, b) {
                    return b.toUpperCase();
            };
            if (style = window.getComputedStyle(dom, null)) {
                var camel, val;
                if (style.length) {
                    for (var i = 0, l = style.length; i < l; i++) {
                        prop = style[i];
                        camel = prop.replace(/\-([a-z])/, camelize);
                        val = style.getPropertyValue(prop);
                        dest[camel] = val;
                    }
                } else {
                    for (prop in style) {
                        camel = prop.replace(/\-([a-z])/, camelize);
                        val = style.getPropertyValue(prop) || style[prop];
                        dest[camel] = val;
                    }
                }
                return this.css(dest);
            }
        }
        if (style = dom.currentStyle) {
            for (prop in style) {
                dest[prop] = style[prop];
            }
            return this.css(dest);
        }
        if (style = dom.style) {
            for (prop in style) {
                if (typeof style[prop] != 'function') {
                    dest[prop] = style[prop];
                }
            }
        }
        return this.css(dest);
    };
点赞