You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaScript数组问题:实现按钮点击弹出对应数字而非'Hello'

解决按钮点击显示对应数字的问题

嘿,这问题很好搞定!你现在的点击事件里直接写死了alert('Hello'),所以不管点哪个按钮都会弹出同样的内容。要显示按钮上的数字,我们只需要获取当前点击按钮的文本内容就行。

这里有两种简单的修改方式:

方法一:利用this获取按钮文本

在普通函数的事件回调里,this会指向触发点击事件的按钮元素,我们可以直接拿到它的文本内容:

item.addEventListener("click", function () {
  // trim()用来去除文本可能带的多余空格
  alert(this.textContent.trim());
});

方法二:通过事件对象的target获取

如果习惯用事件参数,也可以用event.target来指向点击的按钮:

item.addEventListener("click", function (event) {
  alert(event.target.textContent.trim());
});

替换掉你原来的那段代码后,点击标有607的按钮就会弹出'607',其他按钮也会显示对应的数字啦!

内容的提问来源于stack exchange,提问作者Pete

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 08:03:44