添加一个按钮以删除其自身及其所连接的行

Question

我在javascript方面不是很先进。 我一直试图编写一个脚本，该脚本添加一行文本，以及一个删除自身和附加文本行的按钮。 尽管我没有问题地管理文本部分，但是按钮却有很多问题。 每当我尝试添加将元素删除的功能添加到按钮时，脚本都会继续工作，但是创建的元素永远不会出现（似乎按钮会立即删除自身和文本，这在单击之前就不会发生）。

 var numberId=0; function add(){ console.log("add"); var te = document.getElementById("textInput").value; var d=document.createElement("tekst"); var bu=document.createElement("button"); var t=document.createTextNode(te); d.appendChild(t); d.id="a"+numberId; document.getElementById("hereGoesResult").appendChild(d); d.appendChild(bu); function placeholderFunction(){ console.log("placeholder"); deletusTheTextus(d.id); } but.addEventListener("click",placeholderFunction()); numberId++; } function deletsTheText(a){ console.log("delets"); var elem = document.getElementById(a); elem.remove(); } 

  <!DOCTYPE html> <html> <head> <meta http-equiv = "Content-type" charset = "utf-8"> <title > Sample HTML5 File</title> <script src="scripts.js"> </script> </head> <body> <form> Enter: <input type="text" id="textInput"> <input type="button" value="Add" onclick="add()"><br> </form> <div id="hereGoesResult"> </div> </body> </html> 

抱歉，我是第一次出错（变量名很烂，因为我必须快速对其进行编辑，我平时的名字太傻了，无法发布在stackoverflow上）

Answer 1

尝试将其注册为事件处理程序时，请勿调用placeholderFunction 。 所以这：

but.addEventListener("click", placeholderFunction())

应该看起来像这样：

but.addEventListener("click", placeholderFunction);

接下来的事情是，您为按钮变量编写bu ，但是尝试将附加事件监听器附加到but 。 还要确保您在placeholderFunction内部调用deletsTheText ，而不是deletusTheTextus ;-)