javascript – 将所有样式从一个元素复制到另一个元素

我如何得到每个样式(甚至继承)从元素A到元素B?在javascript或使用jquery。

让我们告诉我有一个元素< p class =“foo”> …< / p>和i追加新元素< div />除了内容外,它看起来是一样的。

如果你不关心IE,那么你可以这样做:

var p = document.getElementById("your_p_id");
var div = document.createElement("div");
div.innerHTML = "your div content";
div.style.cssText = document.defaultView.getComputedStyle(p, "").cssText;

这适用于内联,嵌入和继承样式。

编辑:通过“不关心IE”,我当然的意思是“不在乎任何东西,除了Webkit。

更新:这在Chrome(19),Safari(5),Firefox(12)和IE(9)的当前版本中工作。它也工作在旧版本的一些,如IE8。

http://stackoverflow.com/questions/4493449/copy-all-styles-from-one-element-to-another

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 将所有样式从一个元素复制到另一个元素