Come inserire un elemento textNode javascript su una nuova riga

Question

Inserisco diversi textNode in javascript e non riesco a capire come separarli con i ritorni a capo. Ho provato a mettere "\ n", "\ r", e "
", ma nessuno di loro lavoro

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

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

voglio che questo appaia come:

nodo sulla linea 1

nodo sulla linea 2

NON

nodo on line 1Node su line2

Qualche consiglio su come posso realizzare questo?

Answer 1

Usa <br> a separarli come come questo

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

La mia ipotesi è il vostro cercando di visualizzare le separano in una visualizzazione HTML e non una vista TESTO, nel qual caso è necessario inserire i tag <br /> tra i nodi di testo tramite document.createElement('br') per visualizzarli su righe separate. l'utilizzo di \r o \n avrà effetto solo su come appare nella vista sorgente.

Answer 4

motori di rendering non considerano avanzamento riga e ritorno a capo essere resi. Meglio se si utilizza un <br /> come questo:

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); 

Grazie Doug Owings. Anche http://jsfiddle.net/Q8YuH/3/

Answer 5

Per renderlo perfetto.

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/>");