无法将变量作为onClick函数中的参数传递

Question

我想要一个表，它的单元格充满了MySQL的数据。

该表有许多TD，其中有一个ID。

我想将单元格的ID传递给函数，以便编辑其内容：

document.getElementById(IndexedActionButton).innerHTML = '<input type="Button" name = "EditActionButton" id="EditActionButton" onClick="SaveUpdateToActionList(&quot;Cell_ID&quot;)" value="Edit Action" />';

function SaveUpdateToActionList(Cell) {
    alert(Cell);   
    document.getElementById(Cell).innerHTML = 'Here'; 
}

当我有alert(Cell); 显示，我看到这发送文本“ Cell_ID”，而我想在那里查看数据ActionButton386。

任何帮助表示赞赏。

Answer 1

您可以通过将onClick脚本设置为SaveUpdateToActionList(this);来传递被单击的元素SaveUpdateToActionList(this);

然后，在SaveUpdateToActionList的正文中， Cell将引用刚刚单击的按钮。 然后，您可以沿DOM走到它所属的TD。

Answer 2

您可以尝试以下方法：

   document.getElementById(IndexedActionButton).innerHTML = '<input type="Button" name =      "EditActionButton" id="EditActionButton" onClick="SaveUpdateToActionList()" value="Edit Action" />';

   function SaveUpdateToActionList(event) {
    alert(event.target.id);   
    document.getElementById(Cell).innerHTML = 'Here'; 
   }

但是，如果我正确理解了您要做什么，您应该拥有一个事件列表器，它可以捕获来自所有单元格的冒泡事件，而不是在每个单元格上附加onclick。

Answer 3

只需与指定innerHTML属性分开注册事件侦听器：

Document.getElementById(IndexedActionButton).addEventListener('onclick', SaveUpdateToActionList);

将以事件对象作为第一个参数调用SaveUpdateToActionList 。 您可以通过检查event.target属性来访问单击了哪个元素。 有关更多信息，请查看MDN-addEventListener文档