javascript - 更改单个元素的选定文本颜色

Question

这可能是不可能的，但我想确认一下。

您可以全局更改页面的选定文本突出显示颜色

::selection {
    background: #cccccc;
}
::-moz-selection {
    background: #cccccc;
}

但是否可以更改 JavaScript 中单个元素的突出显示颜色？

例如，如果 s 是元素的样式属性，您可以使用以下命令更改文本和背景颜色

s.color = s.backgroundColor = "#cccccc";

是否有改变元素高亮颜色的样式？

这必须是老式的 JavaScript，而不是 JQuery。

编辑:此外，由于性能原因，我需要将其更改为元素本身。 CSS 类交换性能很差。用例是我不拥有的页面中的每个词都将成为它自己的元素。在普通页面上，通过脚本添加 CSS 类需要 20-30 秒，而更改内联样式可以在 1 秒内完成。

Answer 1

伪元素和伪类不在 DOM 中，但您可以使用类来实现您的结果。

所以添加一条规则，比如

.selectionclass::-moz-selection {
    background: #cccccc;
}

到您的样式表并将类名 selectionclass 添加到您的元素。