javascript - 如何用我的js获取按钮的id值？

Question

一个简单的 html 结构。

<button id="b1">b1</button>
<button id="b2">b2</button>
<button id="b3">b3</button>

向按钮添加事件监听器。

 var bs = document.getElementsByTagName('button');
 for(var i = 0; i < bs.length; i++){
   bs[i].addEventListener("click", getInfo);
 }

如何编写 getInfo 函数以在单击时输出按钮的 id？

function getInfo() {
}

Answer 1

您只需要做的一件事就是将事件值传递给您的 getInfo 函数。

下面是一个例子:

var  bs = document.getElementsByTagName('button');
for(var i=0;i<bs.length;i++){
  bs[i].addEventListener("click",getInfo);
}
function getInfo(e){
  alert(e.target.id);
}

<button id="b1" >b1</button>
<button id="b2" >b2</button>
<button id="b3" >b3</button>