javascript - 如何在没有任何元素 id 的情况下检索表中的文本内容

Question

我有一个 html 表格的简单代码。我需要编写一个 Javascript 函数，该函数能够提醒使用鼠标(通过单击)选择的任何行的内容。

我没有任何元素 ID。所以我需要使用与鼠标点击关联的事件...

例如:

<tr>
  <td onclick="...">Mamata</td>
  <td>Sharma</td>
  <td>20</td>
</tr>

我需要编写一个 javascript 函数，该函数能够通过单击显示我选择的表格的任何内容并发出警报。例如，如果我点击“Mamata”，我需要在屏幕上看到显示“Mamata”的警报。

Answer 1

你可以这样做:

var td = document.getElementsByTagName("td");
for (var i = 0; i < td.length; i++) {
  td[i].onclick = function() {
    alert(this.innerHTML);
  }
}

<table>
  <tr>
    <td>Mamata</td>
    <td>Sharma</td>
    <td>20</td>
  </tr>
</table>