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

Это не так, как replaceChild() работает, Вы должны paremtElement.replaceChild(new element, element to be replaced)https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild

Answer 2

Вам необходимо указать второй аргумент в качестве дочернего элемента, который должен быть заменен в методе Node#replaceChild.

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