显示大文本（部分彩色）答案

【问题标题】：Display huge text (partly colored)显示大文本（部分彩色）
【发布时间】：2015-08-23 02:16:04
【问题描述】：

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

"word word word colouredWord word word colouredWord colouredWord word...".

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

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

【问题讨论】：

你什么也没说。请提供代码并提出一个真正的问题。对于我可以破译的内容，您为什么要在非彩色单词中使用跨度？只需在彩色单词上使用 span。
你能分享你的代码吗，也许是在一个 JSfiddle 中？ jsfiddle.net IT 将有助于查看您的代码，看看是否有什么东西会减慢速度或是否可以优化。
你试过了吗？ [链接] (stackoverflow.com/questions/10729983/…)
嘿，谢谢，我确实创建了太多跨度，这对性能产生了巨大影响。我实际上是在使用它们在另一个可视化中获取选定的句子（克隆它），但我会更好地改变另一个可视化。现在这个性能是可以接受的。 :)

【解决方案1】：

正如@monxas 所说，您可以像这样使用内联跨度

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

css

span{
    color:red;
}

【讨论】：