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

Question

我如何获得从元素 A 到元素 B 的所有样式(甚至是继承的样式)？在 javascript 中或使用 jquery。

假设我有一个元素 <p class="foo">...</p>我追加新元素 <div />除了内容外，它们看起来是一样的。

Answer 1

如果你不关心 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;

#your_p_id {
  color: #123124;
  background-color: #decbda;
}

<textArea id="your_p_id">Hello world!</textArea>

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

编辑:“不关心 IE”当然是指“除了 Webkit 不关心任何东西。”

更新:这适用于当前版本的 Chrome(19)、Safari(5)、Firefox(12) 和 IE(9)。 它也适用于某些旧版本，例如 IE8。