Удаление элементов из DOM, которые были добавлены через JS

Question

Я пытался найти ответ на этот вопрос, но мне не удалось найти ответ.

В моем проекте я добавляю HTML, используя JS.

* 1004. *

Теперь я хочу удалить это HTML, я пытался установить победителя HTML = ''; но явно это не правильная логика c. Поскольку добавленный HTML не является частью документа, я не могу выбрать его и удалить.

Не могли бы вы, ребята, помочь мне здесь? Заранее извиняюсь, если что-то уже есть, но я не нашел этого.

Приветствия!

Answer 1

Добавьте его в абзац или интервал с идентификатором для дальнейшего использования:

let winnerHTML = "<p id='para'>this html will appear in the dom when a condition is met<p>";

Затем, чтобы удалить его:

let elem=document.getElementById("para");
elem.remove();

Answer 2

Вы также можете использовать document.createElement и сохранить элемент в переменной. Затем вы можете использовать функцию remove, чтобы удалить ее. Пример

let elem = document.createElement("p");
elem.innerHTML = "Your text";
document.getElementById('game-container').appendChild(elem);
elem.remove();