如何用 change addEventListener 替换内容而不是添加

Question

您好，我有一些代码，每次对下拉项进行更改时，我都会在页面上插入一个跨度。我想要实现的是每次在下拉列表中进行更改时，跨度内的内容为 changed/replaced。但我目前得到的是每次都创建一个新的跨度。下面是我的代码的示例，如有任何帮助，我们将不胜感激。

doSomething.addEventListener('change', function() {
    document.querySelector('.className').insertAdjacentHTML("afterend", "<span>" + somethingDynamic + "</span>");
});

Answer 1

我需要将 span 内容插入到页面上的某个位置，所以我创建了一个新的 Div 插入到我需要的页面上，然后使用 innerHTML 替换其中的内容按照建议得到我需要的东西。

doSomething.addEventListener('change', function() {
    document.querySelector('.className').insertAdjacentHTML("afterend", "<div class='new'></div>");
  document.querySelector('.new').innerHTML =  "<span>"+ dynamicContent + "</span>";
});