从JS中删除从DOM添加的元素

Question

我试图寻找答案，但是我找不到答案。

在我的项目中，我使用JS添加html。

let winnerHTML = 'this html will appear in the dom when a condition is met'

const gameCont = document.getElementById('game-container');
const decideWinner = () => {
  if ( spadesPosition === 90 ||
     heartsPosition === 90 ||
     clubsPosition === 90 ||
     diamondsPosition === 90 ) {

     gameCont.insertAdjacentHTML("afterend", winnerHTML);

  }
};

现在，我想删除该HTML，我试图设置WinnerHTML ='';但显然这不是正确的逻辑。由于添加的HTML不属于文档的一部分，因此无法选择并删除它。

你们能帮我吗？如果已经有关于此事的事，我事先表示歉意，但我没有找到。

干杯！

Answer 1

将其添加到具有ID的段落或跨度中以供以后参考：

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