Question

我正在使用JavaScript处理一个可视化，这应该处理大量文本。在每个句子中至少有几个我需要着色的单词，这意味着单个句子看起来像这样：

“单词单词colorWord单词单词colorWord彩色字词......”。

目前，对于没有coloredWord的每个部分，我正在创建一个span元素并向其添加一个文本节点。并且每个coloredWord都放在一个span中（我使用spans来设置classNames）。但是显示它需要很长时间。

我尝试使用片段，并且首先将div.style.display设置为“none”，直到创建所有节点。但我看不出有任何区别。有没有其他方法可以显示这样的文本，其中大部分需要以不同的颜色着色？

Answer 1

正如@monxas所提到的，你可以像这样使用内联跨度

<p>Test test <span>colored</span> test test </p>

CSS

span{
    color:red;
}