（兼容）复制一个dom的所有样式，到另一个dom

最新推荐文章于 2024-06-01 18:37:55 发布

静思映雪

最新推荐文章于 2024-06-01 18:37:55 发布

阅读量3.3k

点赞数 1

分类专栏： JS web 文章标签： javascript css 样式兼容

本文链接：https://blog.csdn.net/JustOneRoad/article/details/36674725

版权

JS 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

web

13 篇文章 0 订阅

订阅专栏

如果不要求支持IE, 那么只要一行。

dom.style.cssText = window.getComputedStyle(srcDom, null).cssText;

如果要兼容各个浏览器，那么要原始一点：

/**
 * IE8不支持window.getComputedStyle
 * IE9~11中，window.getComputedStyle().cssText返回的总为空字符串
 * 默认的window.getComputedStyle || dom.currentStyle, 返回的css键值对中，键是驼峰命名的。
 */
var oStyle = (window.getComputedStyle && window.getComputedStyle(srcDom, null)) || srcDom.currentStyle,
    cssText = '';
for (var key in oStyle) {
    var v = oStyle[key];
    if (/^[a-z]/i.test(key) && [null, '', undefined].indexOf(v) === -1) {
        dom.style[key] = v;
    }
}

参考资料：

【1】获取元素CSS值之getComputedStyle方法熟悉

【2】Copy all styles from one element to another