如何检索HTML的值<；a>；使用Javascript标记（无jquery）

如何使用Javascript检索HTML

标记的值

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td><a>Jill</a></td>
    <td><a>Sam</a></td>
    <td><a>10</a></td>
  </tr>
  <tr>
    <td><a>Eve</a></td>
    <td><a>Jeffreson</a></td>
    <td><a>55</a></td>
  </tr>
</table>

名字
姓氏
年龄
吉尔
山姆
10
前夕
杰弗森
55

当用户单击标记时，我希望检索标记的值，以便知道使用JS单击的是哪一个

以下是我尝试的：

var list=document.getElementsByTagName（“a”）

函数myFunction（val）{
console.log（val.innerHTML）
}

名字
姓氏
年龄
吉尔
山姆
10
前夕
杰弗森
55
您需要向
您可以使用，然后只使用
onclick
事件在
列表中迭代，对于每个元素：

Array.from(list).forEach(el => {
  el.onclick = function(e) {
    alert(this.innerText);
  }
});

演示：


var list=document.getElementsByTagName（“a”）；
Array.from（list.forEach）（el=>{
el.onclick=函数（e）{
警报（this.innerText）；
}
});

名字
姓氏
年龄
吉尔
山姆
10
前夕
杰弗森
55

Array.from(list).forEach(el => {
  el.onclick = function(e) {
    alert(this.innerText);
  }
});