javascript - 如何获取标签的值

Question

我过得去<td value="1414">Nishant</td>。event.target我想要 1414，当我试图通过使用来获得价值时，event.target.value我变得不确定。我怎样才能得到那个值？

Answer 1

您应该使用data-*以便在 DOM 节点上“保存”自定义数据。然后通过domNode.dataset.*camelCase访问它。

document.querySelector("table").addEventListener("click",function(e) {
  console.log(e.target.dataset.value);
})  

<table>
  <tr>
    <td data-value="123">a</td>
  </tr>
</table>

对于非常旧的浏览器，您可以使用e.target.getAttribute("data-value")

Answer 2

td元素没有价值。您正在寻找的是获取该value元素的属性值。

您可以使用以下getAttribute功能执行此操作：

console.log(document.getElementById('a').getAttribute('value'));

<table>
  <tr>
    <td id="a" value="123">a</td>
  </tr>
</table>