刪除內聯 CSS 會影響樣式表中定義的 styles

Question

我正面臨一種奇怪的行為。

我有一個腳本，它使用computedStyle方法將內聯 CSS應用於其樣式表中的元素。

這是一種復制富文本而不是純文本的方法。

但是復制后，我需要刪除style=""屬性。

發生這種情況時，一些樣式屬性（如color消失），而我可以在檢查器中看到該屬性仍然通過其class鏈接到我的元素。

見那里： https://jsfiddle.net/sxybrcug/ （ color消失但border-color沒問題）

你知道發生了什么嗎？

謝謝

Answer 1

看起來內聯 styles 也被添加到您的container div 中，但是在單擊按鈕時，只有<p>元素上的內聯 styles 被刪除。 所以p繼續繼承container的內聯 styles ，具體來說， -webkit-text-fill-color設置為黑色，覆蓋了color屬性。

如果你添加

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

對於您的點擊偵聽器，它會刪除所有內聯 styles 並且p元素的顏色顯示為紅色。