javascript - 势不可挡的addEventListener

Question

当我点击链接时，它工作正常但只有一次。

我希望能够保留 addEventListener，即使它已被执行。

<div id=myBox>
    <a href="#" id="append">append</a>
</div>

document.getElementById("append").addEventListener("click", appendMore);
function appendMore() {
    myBox.innerHTML += '1';
}

Answer 1

您需要使用一个单独的元素来插入您的内容。

document.getElementById("append").addEventListener("click", appendMore);

function appendMore() {
  tgt.innerHTML += "1";
}

<div id=myBox>
  <a href="#" id="append">append</a>
  <span id="tgt"></span>
</div>