我正在使用JavaScript处理一个可视化,这应该处理大量文本。 在每个句子中至少有几个我需要着色的单词,这意味着单个句子看起来像这样:
“单词单词colorWord单词单词colorWord彩色字词......”。
目前,对于没有coloredWord的每个部分,我正在创建一个span元素并向其添加一个文本节点。并且每个coloredWord都放在一个span中(我使用spans来设置classNames)。 但是显示它需要很长时间。
我尝试使用片段,并且首先将div.style.display设置为“none”,直到创建所有节点。但我看不出有任何区别。 有没有其他方法可以显示这样的文本,其中大部分需要以不同的颜色着色?
答案 0 :(得分:2)
正如@monxas所提到的,你可以像这样使用内联跨度
<p>Test test <span>colored</span> test test </p>
CSS
span{
color:red;
}