向 Dom 元素添加 Javascript function

Question

我使用 DOM 創建了一個 Button 元素並添加了一個 onclick 事件。 但是永遠不會調用 function deleteFile。

            let innerButtonDiv = document.getElementById("fi");
            var innerButtonDelete = document.createElement("button");
            innerButtonDelete.innerText = "Del";
            innerButtonDelete.onclick = 'deleteFile("f")';
            innerButtonDiv.appendChild(innerButtonDelete);

出了什么問題，我怎樣才能以正確的方式做到這一點，以便調用 javascript function delteFile？

Answer 1

單擊是不能指定為屬性的事件。

附加一個監聽器並使用像這樣的正確語法 -

innerButtonDelete.addEventListener('click', () => {
  deleteFile("f")
});

Answer 2

 let innerButtonDiv = document.getElementById("fi"); var innerButtonDelete = document.createElement("button"); innerButtonDelete.innerText = "Del"; innerButtonDiv.appendChild(innerButtonDelete); innerButtonDelete.addEventListener("click", () => deleteFile("f"))

Answer 3

“onclick”接受 function。試試這個：

let innerButtonDiv = document.getElementById("fi");
var innerButtonDelete = document.createElement("button");
innerButtonDelete.innerText = "Del";
innerButtonDelete.onclick = () => deleteFile('f');
innerButtonDiv.appendChild(innerButtonDelete);