javascript - 将 <input> 元素附加到 时，appendChild 为未定义

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