Как использовать createTextNode() путем конкатенации

Question

Мне нужно обработать некоторый текст через CreateTextNode, так как он может содержать специальные символы.

мне интересно, что будет эквивалентно:

/* var status holds some text */ 

contentStatus = document.createTextNode(status); 

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

Сейчас contentStatus просто отображается как [object Text] когда content вставляется в DOM.

Везде, где я смотрю, 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 элементами, и теперь вы можете манипулировать ими как таковые.