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

Question

我正在编写一个网页，其中有一个表格，表格中还有一个按钮可以转到信息页面。单击此按钮将转到信息页面。该表也是动态的，因为您可以根据需要添加和删除行。该按钮将全部转到相同的信息页面，因为页面上的信息将使用连接到另一个程序的websockets填充。我能够在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

你需要传递一个function，它将作为它的事件处理程序

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