未能節點

Question

我想要在我的表創建一個新的TR

JS執行的appendChild：

function addElement() { 

    var message = document.getElementById('inputsend'); 
    var now = new Date(); 

    var table = document.getElementById('messagebox'); 

    var tr = document.createElement('tr'); 

    var tdTime = document.createElement('td'); 
    tdTime.innerHTML = now.getHours() +":"+now.getMinutes() + " "; 

    var tdName = document.createElement('td'); 
    tdName = userName + " "; 

    var tdMessage = document.createElement('td'); 
    tdMessage = message; 

    tr.appendChild(tdTime); 
    tr.appendChild(tdName); 
    tr.appendChild(tdMessage); 

    table.appendChild(tr); 

    document.getElementById('inputsend').value = ""; 

} 

HTML：

<table id="messagebox"> 
</table> 

但其不工作和鉻說失敗在節點上執行appendchild

Answer 1

.innerHTML從tdName & tdMessage，所以你傳遞一個字符串到appendChild它不能處理。

var tdName = document.createElement('td'); 
tdName.innerHTML = userName + " "; 

var tdMessage = document.createElement('td'); 
tdMessage.innerHTML = message;