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

点击获取当前 td 元素内容,为什么 event.srcelement.innertext 获取不到值?

点击获取当前 td 元素内容

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

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

根据你的描述,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 获取不到值?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1495410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 17:24:30
下一篇 2025年12月19日 17:24:51

相关推荐

  • 如何将前台 JS 二维数组传到后台 C#?

    前台 JS 二维数组接收阻碍解惑 你是否曾遇到过将前台 JS 二维数组传递至后台 C# 的难题?我们理解你的困惑,并将在此解答你的疑问。 问题解答: 你的问题主要源于对数据格式和通信方式的 misunderstanding。为了解决该问题,我们需要分步分解: 1. 数据格式 前台 JS 输出的数据格…

    好文分享 2025年12月19日
    000
  • MUI Stack:掌握 React 中的一维布局

    介绍 创建无缝的一维布局在 web 开发中通常具有挑战性,但 mui stack 使其变得简单。 mui 是一个强大的 react 组件库,它提供 stack 组件作为管理垂直和水平排列的有效工具,而无需深入研究 flexbox 或自定义 css。本指南将帮助您了解 mui stack 从设置到实际…

    2025年12月19日 好文分享
    000
  • JavaScript 中 filter() 方法为什么排除所有包含特定字母的项?

    javascript 中 filter() 方法返回值解析 filter() 方法遍历数组中每一项,根据提供函数的返回值来过滤数组,返回满足条件的项。 问题提出: 考虑以下代码: 立即学习“Java免费学习笔记(深入)”; const arr = [“a”, “b”, “c”, “d”];const…

    2025年12月19日
    000
  • 前端页面如何通过下拉框和输入框获取搜索参数?

    前端页面如何获取参数进行搜索 该问题涉及两个前端页面元素:下拉框和输入框。现在需要获取其中的参数以进行后台搜索。 获取参数 下拉框参数:添加一个具有 id 的下拉框,并使用 jquery 获取其选中的值: 立即学习“前端免费学习笔记(深入)”; var category = $(“#category…

    2025年12月19日
    000
  • 如何用AJAX加载另一个页面div的内容到当前页面?

    在一个页面div中加载另一个页面div内容 在网页开发中,有时需要将一个页面的div中的内容加载到另一个页面的div中。解决此问题的通用方法是利用ajax异步请求。 以下是使用ajax实现这一目标的示例代码: $.ajax({ type : “post”, url : url, data : par…

    2025年12月19日
    000
  • 不刷新页面如何根据选项选择动态加载图片?

    如何在不刷新页面局部加载图片 问题:您需要在不刷新页面情况下,根据上层选项列表的选择更改下层图片。您想要一个简单易懂的解决方案。 解决方法:利用 javascript 可以轻松实现此需求,具体操作如下: 为图片指定一个与选项值相匹配的名称。为选项列表添加 onchange 事件监听器。在事件监听器中…

    2025年12月19日
    000
  • 如何避免URL参数传递敏感信息的安全隐患?

    url参数传递敏感信息的安全隐患 在使用url参数传递数据时,若涉及敏感信息(如密码)则存在安全隐患。浏览器将把url完整地显示在地址栏中,使得他人可以轻易获取到这些信息。 解决方案:使用ajax post请求 为了安全地传递敏感信息,推荐使用ajax post请求。通过这种方式,数据将被封装在请求…

    2025年12月19日
    000
  • 如何局部更改页面图片,无需刷新整个页面?

    如何局部更改页面图片 本问题涉及如何修改页面上一个特定区域的图像,而无需重新加载整个页面。具体场景如下: 您有一个包含下拉选择器的 ,其中列出了不同选项。在另一个 中,有一个图像。图像应根据下拉列表当前选定的值更改。 解决方法: 使用 javascript 此问题可以用 javascript 轻松解…

    2025年12月19日
    000
  • 如何从外层 iframe 获取嵌套 iframe 中的元素?

    在 iframe 内获取嵌套 iframe 中的元素 如果需要从外层 iframe 中获取嵌套 iframe 内的元素,可以使用以下方法: 首先,找到外层 iframe 的窗口对象,然后利用 window.frames[“iframename”].document 访问嵌套 …

    2025年12月19日
    000
  • JS 中 filter() 方法的返回值为什么不是预期的结果?

    JS 中 filter() 方法返回值详析 JS 中的 filter() 方法是一个用于从数组中过滤项目的强大工具。它通过对数组中的每个元素运行传入的函数来实现,并返回一个由函数返回 true 的元素组成的数组。 问题分析 给定代码中,filter() 方法中的函数 item.indexOf(&#8…

    2025年12月19日
    000
  • JavaScript 中如何正确声明和赋值二维数组?

    js中二维数组声明和赋值 在javascript中,声明二维数组需要先创建数组,然后为每个元素分配数组。 在您提供的示例代码中,以var lists = {};声明了一个对象,而不是一个数组。要声明一个二维数组,需要使用var lists = [];。此外,在访问二维数组元素时,必须初始化第一个数组…

    2025年12月19日
    000
  • 如何用 JS 判断手机是否安装了微信或 QQ?

    如何用 js 判断手机是否安装了特定 app 问题: 在开发一款具有微信和 qq 快捷登录功能的 cordova app 时,开发者面临了如何判断手机是否已安装微信或 qq 的难题。由于 app store 拒绝了 ios 端提交申请,开发者希望在没有打开应用的情况下,仅通过 js 判断是否已安装微…

    2025年12月19日
    000
  • Angular – linkedSignal 简介

    angular 19 即将面世,它带来了许多令人兴奋的新功能。最值得注意的新增内容之一是 linkedsignal 原语,它有望彻底改变我们在 angular 应用程序中处理反应式编程的方式。 重置模式的问题 传统上,在 angular 中实现重置模式涉及使用计算()信号。这种方法虽然有效,但也有局…

    2025年12月19日
    000
  • 如何获取弹窗中循环遍历的ID值并传递给链接参数?

    在弹框中获取foreach中的id值,并从链接传参 获取id值 在弹框中获取foreach中的id值,可以使用在弹窗中添加一个隐藏的input,在弹窗时将id赋值给该input,然后再通过javascript获取该input的值。 // 点击“去设置”后将id值赋值给隐藏inputfunction …

    2025年12月19日
    000
  • 可迭代 – JavaScript 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 可迭代相关的挑战 可迭代 /** * @param {any} data * @return {object} */function createCustomIterable(data) { return { [Symbol.iterator…

    2025年12月19日
    000
  • 如何使用 Cordova 插件判断手机是否安装了微信或 QQ?

    借助插件判断手机是否安装应用 您希望通过 javascript 判断手机上是否安装了微信或 qq,以隐藏相应的快捷登录按钮。以下是借助插件实现这一目标的方法: 在您的 cordova 项目中,可以集成该插件: cordova plugin add cordova-plugin-appinstalle…

    2025年12月19日
    000
  • JavaScript alert 中文乱码怎么办?

    js中alert中文乱码问题 当您在javascript文件中使用alert函数输出中文时,可能会遇到乱码问题。这是因为javascript文件的编码格式与当前网页不同造成的。 解决方法: 检查js文件编码格式:确保js文件的编码格式与当前网页一致,通常为utf-8或gb2312。使用unicode…

    2025年12月19日
    000
  • 如何在弹框中获取 Foreach 循环中的 ID 值并将其作为链接参数传递?

    在弹框中获取foreach中的id值,并从链接传参 问题:在代码片段中的代码中,如何从foreach循环中获取“user_id”值并将其作为链接的参数传递? 解决方案:在弹框中添加一个隐藏的输入字段,并使用jquery将其值设置为循环中的“user_id”。 × 设置 取消 确认 然后,…

    2025年12月19日
    000
  • JavaScript 如何在无需后台数据传输的情况下获取当前登录帐号和 ID?

    js 如何获取当前登录帐号和 id 在无需后台数据传输的情况下获取当前登录用户的帐号和 id,可以使用以下 js 方法: 使用 sessionstorage。登录时,如果验证通过,可以将用户的帐号和 id 保存到 sessionstorage 中,如下所示: sessionstorage.setit…

    2025年12月19日
    000
  • 如何自动去掉小数末端的零,并保留指定位数的小数?

    小数点保留指定位数,整数位省略零 问题: 如何自动去掉小数末端的零,让整数正常显示,小数保留指定位数?比如,number(1111.1)显示为 1111.1,number(0.0003452)显示为 0.000345。 答案: 可以使用 math.round() 方法: math.round(num…

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信