添加一個按鈕以刪除其自身及其所連接的行

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