Javascript - динамически получить идентификатор таблицы строк

Question

У меня есть функция в JavaScript для обнаружения каждого нажатого объекта.

document.addEventListener("click", reply_click);
function reply_click(evt){
    evt = evt || window.event;
    evt = evt.target || evt.srcElement;
    alert(evt.id);
}

, и у меня есть html код, который содержит таблицу, и у каждой строки есть идентификатор. html код:

<table id='tableid1'>
<tr id="rowid1" class='handz'>
   <td id='tdid1'><font id='fontid1'>hello</font></td>
</tr>
</table>

я хочу метод (не событие onclick для tr), когда при щелчке по строке таблицы или таблице td или тексту внутри td можно обнаружить идентификатор tr? любая помощь или предложение будут оценены.

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>