Javascript - removeChild 删除表格的整个单元格

Question

我有一个表格，我可以在其中添加带有输入字段的新行。也有可能删除添加的输入字段。删除整行是可行的，但删除单元格内的单个输入字段会出现问题。这是代码:

cell1=document.getElementById('avz_tabelle').rows[par.rowIndex].cells;

var feld = document.createElement("input"); 
feld.setAttribute("name","avz_keywords" + avz_array + "[]"); 
feld.setAttribute("onblur","");
feld.setAttribute("type","text"); 
feld.setAttribute("size","30"); 
cell1[1].appendChild(feld);

var remove = document.createElement("a");
remove.setAttribute("href","#");
remove.setAttribute("onclick","this.parentNode.parentNode.removeChild(this.parentNode);");
remove.innerHTML = " X";
cell1[1].appendChild(remove);
var br = document.createElement("br");
cell1[1].appendChild(br);

问题是删除操作完全删除了整个单元格，而不是相关的输入字段。奇怪的是，这在表的第一层没有问题。你看到错误了吗？感谢您的任何建议!

Answer 1

好的，您将 anchor 元素 remove 附加到 cell1[1]，它是索引为 par.rowIndex< 的行的单个表格单元格。所以 anchor 元素的父节点是单元格。使用 this.parentNode.parentNode.removeChild(this.parentNode)，您将删除 anchor 的父节点，即单元格。

编辑:删除了一个可能令人反感的句子......抱歉 :-)

EDIT2:可能的解决方案:

this.previousSibling.parentNode.removeChild(this.previousSibling);

因为 this.previousSibling 可能是输入元素