javascript - 添加转到使用 javascript 制作的动态表中的另一个 HTML 页面的功能

Question

我正在编写一个网页，其中有一个表格，表格中还有一个用于转到信息页面的按钮。单击该按钮后，您将进入信息页面。该表也是动态的，因为您可以根据需要添加和删除行。该按钮将全部转到相同的信息页面，因为页面上的信息将使用挂接到另一个程序的 Websocket 来填充。我能够在 JavaScript 中正确地将按钮和行动态添加到表中，但在使动态添加的按钮具有 onclick 属性以转到信息页面时遇到问题。当我单击信息按钮时，什么也没有发生。这是我的代码，用于动态添加按钮并在单击时让按钮转到信息页面

        var cell6 = row.insertCell(5);
        var element5 = document.createElement("button");
        element5.type = "button";
        element5.name = "button[]";
        cell6.appendChild(element5);
        element5.innerHTML = "Info";
        cell6.style.textAlign = "center";
        element5.onclick="onClick=location.href='foo.html'";

最后一行是我尝试设置 onclick 属性的地方，有人知道如何正确执行此操作吗？

Answer 1

您需要传递一个函数，它将充当它的事件处理程序

element5.onclick = function (){
   location.href='foo.html';
}