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) {&nbsp; evt = evt || window.event;&nbsp; evt = evt.target || evt.srcElement;&nbsp; let rowParent = evt.parentElement&nbsp; while (rowParent.tagName !== 'TR') {&nbsp; &nbsp; rowParent = rowParent.parentElement&nbsp; }&nbsp; console.log(rowParent.id)}<table id='tableid1'>&nbsp; <tr id="rowid1" class='handz'>&nbsp; &nbsp; <td id='tdid1'>&nbsp; &nbsp; &nbsp; <font id='fontid1'>hello1</font>&nbsp; &nbsp; </td>&nbsp; </tr>&nbsp; <tr id="rowid2" class='handz'>&nbsp; &nbsp; <td id='tdid2'>&nbsp; &nbsp; &nbsp; <font id='fontid2'>hello2</font>&nbsp; &nbsp; </td>&nbsp; </tr></table>