Javascript 可以突出显示部分文本节点吗？

我正在创建类似于

var-liContent=document.createTextNode（someHtmlString）的文件。
然后将此变量添加到列表中，如
$（“
”）.html（liContent.appendTo（targetUnorderList）

问题是：我可以突出显示
liContent
项中的一些文本吗？
如果“是”-我该怎么做？
澄清：我需要突出显示
li
中的部分内容。例如，word
Nice

更新：
同时，我需要像文本一样显示文本节点的所有内容（包括
html
标记）

更新2:不允许对需要显示的字符串进行任何处理。似乎并没有解决方案，因为文本节点就像纯文本一样由浏览器解释

整个代码示例（工作）：


var someHtmlString=“这里的文本很好”；
var targetUnorderList=$（“#targetUnorderList”）；
var liContent=document.createTextNode（someHtmlString）；
$（“
”）html（liContent.appendTo（targetUnorderList）[0]


试试这个，它会以红色显示“突出显示的文本”


var someHtmlString1=“Nice”；
var someHtmlString2=“突出显示的文本”；
var someHtmlString3=“此处”；
var targetUnorderList=$（“#targetUnorderList”）；
var span1Text=document.createTextNode（someHtmlString1）；
var span3Text=document.createTextNode（someHtmlString3）；
var li=$（“
”）；
var span1=$（“”）.html（span1Text.appendTo（li）；
var span2=$（“”）.html（someHtmlString2.appendTo（span1）；
var span3=$（“”）.html（span3Text.appendTo（li）；
li.附录（targetUnorderList）[0]


试试这个，它会以红色显示“突出显示的文本”


var someHtmlString1=“Nice”；
var someHtmlString2=“突出显示的文本”；
var someHtmlString3=“此处”；
var targetUnorderList=$（“#targetUnorderList”）；
var span1Text=document.createTextNode（someHtmlString1）；
var span3Text=document.createTextNode（someHtmlString3）；
var li=$（“
”）；
var span1=$（“”）.html（span1Text.appendTo（li）；
var span2=$（“”）.html（someHtmlString2.appendTo（span1）；
var span3=$（“”）.html（span3Text.appendTo（li）；
li.附录（targetUnorderList）[0]


是的，您可以创建一个自定义类
highlight
，然后使用该类按span包装要突出显示的文本，因为您使用的是jQuery，它可以像以下那样完成：

$("<li/>").html("<i class='icon-window-add'>Nice <span class='highlight'>text here</span></i>");



是的，您可以创建一个自定义类
highlight
，然后使用该类按span包装要突出显示的文本，因为您使用的是jQuery，它可以像以下那样完成：

$("<li/>").html("<i class='icon-window-add'>Nice <span class='highlight'>text here</span></i>");



突出显示是什么意思？使用某种颜色或任何其他方式突出显示该节点中的单词。如果要突出显示
li
的全部内容，请添加一个针对
li
的css类选择器，如果其部分内容在
li
中，则需要将该部分文本括起来，在
span
中，然后将span from css选择器作为目标应用特定的颜色如果您使用的是jquery，那么为什么要使用
document.createTextNode
？@anu，因为我不确定jquery相关的操作是什么。抱歉。突出显示是什么意思？使用某种颜色或任何其他方式突出显示该节点中的单词。如果要突出显示
li
的全部内容，请添加一个针对
li
的css类选择器，如果其部分内容在
li
中，则需要将该部分文本括起来，在
span
中，然后将span from css选择器作为目标应用特定的颜色如果您使用的是jquery，那么为什么要使用
document.createTextNode
？@anu，因为我不确定jquery相关的操作是什么。很抱歉。因此，您转义了
，您对
.html（）
的输入不再是有效的html。我的问题是，我得到了有效的html，需要在页面上突出显示一些单词。因此，您转义了
，您对
.html（）
的输入不再是有效的html。我的问题是我得到了有效的html，需要在页面上突出显示一些单词。。。这有点接近我想要的。但我需要检查我的整个解决方案，以确定这对我来说是否是一个好的解决方案。谢谢，嗯。。。这有点接近我想要的。但我需要检查我的整个解决方案，以确定这对我来说是否是一个好的解决方案。谢谢