显示巨大的文本(部分着色)

Question

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

"Word Word Word coloredWord Word coloredWord coloredWord Word…".

目前，对于没有colordword的每个部分，我正在创建一个span元素并向其附加一个文本节点。而且每个colordword是放在一个跨度(我使用跨度能够设置classNames)。然而，它需要很长时间来显示它。

我试图使用片段，也首先设置div.style.display为"无"，直到所有节点创建。但我看不出有什么不同。有没有可能有另一种方式如何显示这样的文本，其中很大一部分需要在不同的颜色着色?

Answer 1

正如@monxas所提到的，你可以像这样使用inline span

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

css

span{
    color:red;
}