Javascript appendChildとreplaceChildの間に動作していない場合

Question

私は動的にテーブルを生成しており、その後はdivとして子として追加したいと考えています。問題は、古いテーブルを削除しないで同じdivに追加されるテーブルを再生成するたびに発生することです。

if(context.children.length == 0){ 
    context.appendChild(table); 
}else{ 
    context.replaceChild(table); 
} 

子が既に存在するかどうかを確認してみましたが、新しい要素で置き換えてみました。 しかし、エラーThe argument is not optionalが表示され、それ以外の方法はわかりません。何か案は？

Answer 1

、あなたは、paremtElement.replaceChild(new element, element to be replaced)https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild

Answer 2

Node#replaceChildメソッドで置換する子として2番目の引数を指定する必要があります。 replaceChild（）がどのように動作するかではありません

if(context.children.length == 0){ 
    context.appendChild(table); 
}else{ 
    context.replaceChild(table, context.children[0]); 
}