연결을 통해 createTextNode()를 사용하는 방법

Question

특수 문자가 포함될 수 있으므로 CreateTextNode를 통해 일부 텍스트를 처리해야합니다. content이 DOM에 삽입 될 때

/* var status holds some text */ 

contentStatus = document.createTextNode(status); 

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

는 지금 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>';  

하지만 더 좋은 방법이있다 : 당신이 DOM 요소를 처리하고 이제 그들을 조작 할 수 있기 때문에

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>​ 

이 방법이 더 좋습니다.