如何获取event.target.name从响应onClick事件的表头（th）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何获取event.target.name从响应onClick事件的表头（th）相关的知识，希望对你有一定的参考价值。
我在表头中有一个onClick事件，我用它来排序表。我需要传递给我的onclick处理程序的表头html元素名称。
处理程序的简化版本如下所示：
HTML：
<table>
<tbody>
<tr>
<th name='name' value='test' onClick=onClickhandler(event)> Click me </th>
</tr>
</tbody>
</table>
JS：
onClickhandler = event => {
console.log("Event target name = " + event.target.name);
}
https://jsfiddle.net/vaf5sutn/4/
问题
上面的代码作为日志返回Event target name = undefined。
预期
控制台日志应该返回Event target name = name
答案
你可以从event.target.name更改为event.target.getAttribute('name')
onClickhandler = event => {
console.log("Event target name = " + event.target.getAttribute('name'));
} <table>
<tbody>
<tr>
<th name='name' value='test' onClick=onClickhandler(event)>Click me</th>
</tr>
</tbody>
</table>
另一答案
试试这个解决方案
<table>
<tbody>
<tr>
<th name='name' value='test' onClick=onClickhandler(this)>Click me</th>
</tr>
</tbody>
</table>
以上是关于如何获取event.target.name从响应onClick事件的表头（th）的主要内容，如果未能解决你的问题，请参考以下文章