Javascript - 动态获取行表的ID

Question

我在 JavaScript 中有一个函数可以检测每个被点击的对象。document.addEventListener("click", reply_click);function reply_click(evt){    evt = evt || window.event;    evt = evt.target || evt.srcElement;    alert(evt.id);}我有包含表格的html代码，每一行都有一个id。html代码是：<table id='tableid1'><tr id="rowid1" class='handz'>   <td id='tdid1'><font id='fontid1'>hello</font></td></tr></table>我想要一种方法（不是 tr 的 onclick 事件），当单击表行或表 td 或 td 内的文本时能够检测到 tr id？任何帮助或建议将不胜感激。

Answer 1

这可能是一个解决方案：

document.addEventListener("click", reply_click);

function reply_click(evt) {

  evt = evt || window.event;

  evt = evt.target || evt.srcElement;

  let rowParent = evt.parentElement

  while (rowParent.tagName !== 'TR') {

    rowParent = rowParent.parentElement

  }

  console.log(rowParent.id)

}

<table id='tableid1'>

  <tr id="rowid1" class='handz'>

    <td id='tdid1'>

      <font id='fontid1'>hello1</font>

    </td>

  </tr>

  <tr id="rowid2" class='handz'>

    <td id='tdid2'>

      <font id='fontid2'>hello2</font>

    </td>

  </tr>

</table>