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
相关产品推荐
相关产品推荐

