追加时未定义的appendChild <input> 元素 <td>

Question

这里有人知道如何解决此问题或有类似问题吗？ 请告诉我代码是否写错了。 之前谢谢。

<script type='text/javascript'>

//Getting table by id
var table = document.getElementById(str);

//Creating New Row
var row = document.createElement("tr");

//Creating New TD
var td1 = document.createElement('td');

//Creating new input.
var newInput= document.createElement('input');
newInput.setAttribute('type', 'text');
newInput.setAttribute('class', 'quantity');

//Appending newInput to TD - Return Appendchild of undefined
td1.appenChild(newInput);

//Append td to tr
row.appendChild(td1);

//Append tr to table
table.children[0].appendChild(row);

</script>

Answer 1

您在函数名称中缺少d ， appenChild应该为appendChild ：

//Appending newInput to TD - Return Appendchild of undefined
td1.appendChild(newInput);