如何使純文本到HTML的JavaScript

Question

var innerHtml ='<td>'+ getResponse[i].note +'</td>' 
            + '<td>'+ getResponse[i].id +'</td>' 
            + '<td>'+ getResponse[i].date +'</td>' 
            + '<td>'+ '#' +'</td>'; 

var table = document.getElementById('table').getElementsByTagName('tbody')[0]; 
           var newRow = table.insertRow(table.rows.length); 
           var newText = document.createTextNode(innerHtml); 
           newRow.appendChild(newText); 

變量的innerHTML是HTML的innerHTML添加，但innerHTML的並不被看作HTML，它被視爲純文本...

Answer 1

文本節點是文本節點。如果你想要元素節點，那麼創建元素節點。不要建立一串文本並嘗試轉換它。

var newRow = table.insertRow(table.rows.length); 

var note = document.createElement('td'); 
note.appendChild(document.createTextNode(getResponse[i].note)); 
newRow.appendChild(note); 

var id = document.createElement('td'); 
id.appendChild(document.createTextNode(getResponse[i].id)); 
newRow.appendChild(id); 

var date = document.createElement('td'); 
date.appendChild(document.createTextNode(getResponse[i].date)); 
newRow.appendChild(date); 

var poundSymbol = document.createElement('td'); 
poundSymbol.appendChild(document.createTextNode("#")); 
newRow.appendChild(poundSymbol);