Cách chèn phần tử javascript textNode trên dòng mới

Question

Tôi chèn một số mã văn bản vào javascript và không thể tìm ra cách tách riêng chúng với dòng trả về vận chuyển. Tôi đã thử đặt "\ n", "\ r", và "
" nhưng không ai trong số họ làm việc

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

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

Tôi muốn này xuất hiện như:

Node trên dòng 1

Node trên dòng 2

KHÔNG

Node trên dòng 1Node trên dòng2

Mọi lời khuyên về cách tôi có thể thực hiện điều này?

Answer 1

Sử dụng <br> để tách chúng như như thế này

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

tôi đoán là bạn đang cố gắng để hiển thị chúng tách trong một chế độ xem HTML và không phải là một cái nhìn TEXT trong trường hợp này bạn cần phải để chèn <br /> thẻ giữa các nút văn bản qua document.createElement('br') để hiển thị chúng trên dòng riêng biệt. sử dụng \r hoặc \n sẽ chỉ ảnh hưởng đến giao diện của nó trong chế độ xem nguồn.

Answer 4

cơ Rendering không xem xét linefeed và vận chuyển trở lại để được trả lại. Tốt hơn nếu bạn sử dụng một <br /> như thế này:

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

Cảm ơn Doug Owings. Ngoài ra http://jsfiddle.net/Q8YuH/3/

Answer 5

Để làm cho nó hoàn hảo.

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