点击获取当前 td 元素内容，为什么 event.srcElement.innerText 获取不到值？

点击获取当前 td 元素内容

在使用表格来构建计算器时，想要通过点击表格中的单元格来获取其内部文本内容，但是遇到了问题。代码如下：

<table id="calcuater" onclick="calculater()">
  <!-- ... -->
  <td class="numberkey">1</td>
  <!-- ... -->
</table>

<script>
  function calculater(event) {
    const value =  event.srcelement.innertext; // 获取不到 td 内容
    console.log(value);
  }
</script>

登录后复制

根据你的描述，event.srcelement.innertext 获取不到 td 元素的内容。这是因为 srcelement 属性已被弃用，并且在现代浏览器中不可用。正确的获取元素内容的方法是：

const value = event.target.innertext;

登录后复制

修改后的代码如下：

function calculater(event) {
  const value = event.target.innerText;
  console.log(value);
}

登录后复制

通过使用正确的属性，现在可以成功获取 td 元素的内容，并且在控制台中打印出来。

以上就是点击获取当前 td 元素内容，为什么 event.srcElement.innerText 获取不到值？的详细内容，更多请关注米云其它相关文章！