Comment insérer un élément javascript textNode sur une nouvelle ligne

Question

J'insère plusieurs textNodes dans javascript, et je n'arrive pas à comprendre comment les séparer avec des retours chariot. Je l'ai essayé de mettre "\ n", "\ r" et "
", mais aucun d'entre eux travaillent

var textNode = document.createTextNode("Node on line 1"); 
element.appendChild(textNode); 

textNode = document.createTextNode("Node on line 2"); 
element.appendChild(textNode); 

Je veux que cela apparaisse comme:

nœud sur la ligne 1

noeud sur la ligne 2

PAS

nœud en ligne 1Node sur la ligne 2

Des conseils sur la façon dont je peux accomplir cela?

Answer 1

Utilisez <br> pour les séparer comme comme ce

var br = document.createElement("br"); 
element.appendChild(br); 

Answer 2

var textNode = document.createTextNode("Node on line 1"); 
element.appendChild(textNode); 

var linebreak = document.createElement('<br >'); 
element.appendChild(lineBreak); 

textNode = document.createTextNode("Node on line 2"); 
element.appendChild(textNode); 

Answer 3

Je suppose que vous essayez de les afficher séparés dans une vue HTML et non une vue TEXT dans ce cas, vous devez insérer <br /> balises entre les nœuds de texte via document.createElement('br') pour les afficher sur des lignes séparées. L'utilisation de \r ou de \n affectera uniquement son aspect dans la vue source.

Answer 4

moteurs de rendu ne considèrent pas linefeed et retour chariot à rendre. Mieux, si vous utilisez un <br /> comme ceci:

var textNode = document.createTextNode("Node on line 1"); 
element.appendChild(textNode); 

var linebreak = document.createElement('br'); 
element.appendChild(linebreak); 

var linebreak = document.createElement('br'); 
element.appendChild(linebreak); 

textNode = document.createTextNode("Node on line 2"); 
element.appendChild(textNode); 

Merci Doug Owings. Aussi http://jsfiddle.net/Q8YuH/3/

Answer 5

Pour le rendre parfait.

function addText(node,text){  
     var t=text.split(/\s*<br ?\/?>\s*/i), 
      i; 
     if(t[0].length>0){   
      node.appendChild(document.createTextNode(t[0])); 
     } 
     for(i=1;i<t.length;i++){ 
      node.appendChild(document.createElement('BR')); 
      if(t[i].length>0){ 
       node.appendChild(document.createTextNode(t[i])); 
      } 
     } 
}    
addText(document,"Line 1 <br> Line 2<br/>line 3<BR/>");