javascript - 如何通过串联使用 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]。

在我看来，appendChild 与 CreateTextNode 一起使用。我怎样才能达到我认为无效的上述效果？

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 元素，现在您可以这样操作它们。