addEventListner第二次不工作

Question

所以我有这个小提琴->https://jsfiddle.net/u73azkLd/1/

我想制作一个问题生成器。

我在+qustion按钮上有那个eventListner。一切都很顺利，直到eventListner结束。

之后，如果我想添加另一个问题，在我按下+问题按钮后，问题？输入出现，之后我无法单击继续按钮。我在控制台上没有任何错误。

我的英语很差，我无法形容它比这更好。

单击+问题，单击继续，然后再次单击继续。现在我想添加另一个问题，所以让我们再次点击+问题按钮，然后继续按钮就不起作用了。

我试过了：在线23,24,25:

var ctnBtn1 = document.getElementById("ctnBtn1");
ctnBtn1.addEventListener("click", function(e) {
if (e.target && e.target.id == "ctnBtn1") <- This is what i tryed and is not working.
ctnBtn1.style.display = "none";
etc ....

Answer 1

您只需隐藏按钮，而不是将其删除。结果，当您搜索具有给定id的按钮时，您会得到第一个按钮(已隐藏的按钮(。

你可以用代替ctnBtn1.style.display = "none";

ctnBtn1.parentNode.removeChild(ctnBtn1);