Я могу получить только одну из двух попыток removeChild для работы в следующем блоке. Elem1 удаляется, а elem - нет. Я попытался изменить порядок, но это не помогло. Когда я объявляю elem в консоли, а затем пытаюсь удалить дочерний элемент в консоли, он работает. Не совсем уверен, что мне не хватает.
if (elementExists) {
console.log("table1header exists");
let elem1 = document.getElementById("tbodyid");
elem1.parentNode.removeChild(elem1);
console.log("table body removed");
let elem = document.getElementById("table1header");
elem.parentNode.removeChild(elem);
console.log("table header removed");
}
Полный код здесь: https://codepen.io/dzamora54/pen/jOWVBBp
Чтобы воссоздать ситуацию и уточнить, что я пытаюсь сделать, это динамически изменить или удалить таблицу.
Чтобы создать таблицу, нажмите кнопку с надписью «Добавить недействующие в день 1 c рынки» и установите любое количество флажков. и нажмите кнопку «Сохранить рынки».
Повторное открытие того же модального окна и изменение флажков изменяет содержимое таблицы.
Если я сниму все флажки и «Сохранить рынки», я хочу, чтобы стол, чтобы исчезнуть. Если я открою модальное окно позже, установите флажки и «Сохранить рынки», тогда я хочу, чтобы новая таблица была создана с использованием данных на основе установленных флажков.