点击获取当前 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 获取不到值？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
540
收藏
