javascript - 如何在表格单元格中插入输入字段？

Question

很抱歉这个菜鸟问题:我想创建一个包含输入字段的表，如果需要，可以在其中添加新字段。但我无法弄清楚如何在另一个输入字段已存在的单元格内添加另一个输入字段。

我的代码是:

var par=obj.parentNode;
while(par.nodeName.toLowerCase()!='tr')
{ par=par.parentNode; }
// this gives me the index of the row.. works fine.

cell1=document.getElementById('avz_tabelle').rows[par.rowIndex].cells;
// this puts the content of the cells into the array "cell1"

var feld = cell1[1].createElement("input"); 
feld.setAttribute("name","avz_keywords" + avz_array + "[]"); 
feld.setAttribute("onblur","");
feld.setAttribute("type","text"); 
feld.setAttribute("size","30"); 
// Now I create a input element
// And now comes the problem:

cell1[1].appendChild(feld); // --> doesn't work

有人对我有什么建议吗？ 我想到了在没有 table 的情况下工作的想法，理论上这符合我的方式。但这并不令人满意:/

Answer 1

如果您查看调试控制台，您应该会看到类似的内容

TypeError: Object #<HTMLDivElement> has no method 'createElement'

不是从 cell1[1] 创建元素，而是使用 document.createElement()

 var feld = document.createElement("input");