javascript - 删除内联 CSS 会影响样式表中定义的样式

Question

我正面临一种奇怪的行为。

我有一个脚本，它使用方法将内联 CSS应用于其样式表中的元素computedStyle。

这是一种复制富文本而不是纯文本的方法。

但是复制后，我需要删除该style=""属性。

发生这种情况时，一些样式属性（例如color，消失），而我可以在检查器中看到该属性仍然通过它的class.

见那里： https ://jsfiddle.net/sxybrcug/ （color消失但border-color没关系）

你知道发生了什么吗？

谢谢

Answer 1

看起来内联样式也被添加到您的containerdiv 中，但是在单击按钮时，仅<p>删除了元素上的内联样式。所以p继续继承 的内联样式container，特别-webkit-text-fill-color是 ，设置为黑色，覆盖color属性。

如果你添加

container.setAttribute("style", "");

对于您的点击侦听器，它会删除所有内联样式，并且p元素的颜色显示为红色。