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 添加到您的元素。