如何通过连接使用createTextNode()

Question

我需要通过CreateTextNode处理一些文本，因为它可能包含特殊字符。

我想知道什么等同于：

/* var status holds some text */  

contentStatus = document.createTextNode(status);

 content = '<div id="user">' + name +'</div><div id="stat">' + contentStatus + '</div>';    

现在，当content被插入到DOM中时，contentStatus只是显示为[object Text]。

在我看到的任何地方，CreateTextNode都使用了appendChild。我如何才能实现上面的等价物，我认为它是无效的？

Answer 1

使用textContent属性：

 content = '<div id="user">' + name+'</div>'
 +'<div id="stat">' 
 + contentStatus.data//This takes the actual string
 + '</div>';    

但是有一个更好的方法：

var user = document.createElement('div');
curName = document.createTextNode(name);
user.appendChild(name);
user.id = "user";
var stat = document.createElement('div');
stat.id = "stat";
contentStatus = document.createTextNode(status);
stat.appendChild(contentStatus);
user.appendChild(stat);
console.log(user);//    <div id=​"user">​…​</div>​

这种方法更好，因为您可以处理dom元素，并且现在可以这样操作它们。