Javascript - removeChildはテーブルのセル全体を削除します

Question

私は入力フィールドを持つ新しい行を追加できるテーブルを持っています。また、追加された入力フィールドを削除する可能性もあります。完全な行を削除すると機能しますが、セル内の1つの入力フィールドを削除すると問題が発生します。

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

問題ではなく、関連する入力フィールドの、削除アクションがcompletlyセル全体を削除していることである： ここではコードです。奇妙なことは、これは問題なくテーブルの最初の層で動作することです。 エラーが表示されますか？何か提案ありがとう！

Answer 1

いいえ、アンカー要素removeにcell1[1]（インデックスpar.rowIndexの行の単一の表セル）を追加しています。したがって、アンカー要素へのparentNodeはセルです。 this.parentNode.parentNode.removeChild(this.parentNode)を使用すると、アンカーのparentNode（セル）が削除されます。

EDIT：this.previousSiblingはinput要素

Answer 2

あるかもしれないので、あなたので

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

：解決策：攻撃...申し訳ありません:-)

EDIT2であったかもしれない文を削除DOMを使用してHTMLを作成する場合、イベントの属性を設定する必要はありません。

remove.setAttribute("onclick"... bを置き換えますYのようなもの：

remove.onclick = function(ev){ 
    feld.parentNode.removeChild(feld); 
} 

feldとonclick機能は同じスコープで定義されている、あなたはここで閉鎖を持っています。機能内でfeldを使用できるようにします。