使用JavaScript将HTML插入文本节点 [英] Insert HTML into text node with JavaScript

问题描述

我有一个小文本节点：

  var node 
  / pre> 
 
 
我想围绕每一次lol包围一下。
  node.nodeValue = node.nodeValue.replace（/ lol /，< span> lol< / span>）
  
当我想要lol时，它打印出< span> lol< span> 作为span元素。
解决方案
您可能需要 node 成为父节点，这样就可以使用innerHTML：
  node.innerHTML = node.childNodes [ 0] .nodeValue.replace（/ lol /，< span> lol< / span>）; 
  
这里 node.childNodes [0] 到实际的文本节点，而节点是它的包含元素。
 
I've got a little text node:
var node
And I want to wrap a span around every occurrence of "lol".
node.nodeValue = node.nodeValue.replace(/lol/, "<span>lol</span>")
It it prints out "<span>lol<span>" when I want "lol" as a span element.
解决方案
You may need node to be the parent node, that way you can just use innerHTML:
node.innerHTML=node.childNodes[0].nodeValue.replace(/lol/, "<span>lol</span>");
Here node.childNodes[0] refers to the actual text node, and node is its containing element.

                        
这篇关于使用JavaScript将HTML插入文本节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！