Cómo insertar un elemento textNode javascript en una nueva línea

Question

que insertar varios textNodes en javascript, y no puede encontrar la manera de separarlos con retornos de carro. He intentado poner "\ n" "\ r", y "
", pero ninguno de ellos funciona

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

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

quiero que esto parezca como:

nodo en la línea 1

nodo en la línea 2

NO

nodo en línea 1Node en línea 2

¿Algún consejo sobre cómo puedo lograr esto?

Answer 1

Uso <br> separarlos como la misma familia

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

Mi conjetura es que su tratando de mostrar los separan en una vista HTML y no una vista de texto en cuyo caso se tienen que insertar etiquetas <br /> entre los nodos de texto a través de document.createElement('br') para mostrarlos en líneas separadas. utilizando \r o \n sólo afectará a cómo se ve en vista de origen.

Answer 4

motores de renderizado no tienen en cuenta el avance de línea y retorno de carro que pudiera ser emitida. Mejor si se utiliza un <br /> así:

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

Gracias Doug Owings. También http://jsfiddle.net/Q8YuH/3/

Answer 5

para que sea perfecto.

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