Javascript - document.createTextNode（）

Question

使用這個去除我的newLine字符

是否有替代這將呈現html？

function viewCommentToggle(comment) 
{ 
    theRow = document.getElementById("id"+comment.id); 

    idx = 2; 


     // Comment field 
     cell = theRow.cells[idx]; 
     while(cell.childNodes.length > 0) cell.removeChild(cell.childNodes[0]); 

      element = document.createTextNode(comment.comment); 

     cell.appendChild(element); 


     } 

這是林concered有：

element = document.createTextNode(comment.comment); 

只是一個供參考....這是我做過什麼和它的工作：

function viewCommentToggle(comment) 
{ 
    theRow = document.getElementById("id"+comment.id); 

    idx = 2; 


     // Comment field 
     //cell = theRow.cells[idx]; 
     // while(cell.childNodes.length > 0) cell.removeChild(cell.childNodes[0]); 

     cell = $("#id"+comment.id+" > td:eq("+idx+")"); 
     $(cell).empty(); 

     $(cell).html(comment.comment == null ? "" : comment.comment.replace(/\n/g,"<br/>").replace(/\r/g,"")); 

Answer 1

換行符只顯著（據我所知）在<pre>區塊內。那

之外，迫使換行符你要你的字符串分割成單獨的線，然後創建一個文本節點後面是<br/>爲每一個，即是這樣的：

var lines = text.split('\n'); 
var parent = document.body; // the node you want to insert the string into 
for (var i = 0; i < lines.length; ++i) { 
    parent.appendChild(document.createTextNode(lines[i])); 
    parent.appendChild(document.createElement('br')); 
} 

見http://jsfiddle.net/alnitak/WFTD6/