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 functoin。

下面是一个例子：

＆＃13;

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);
}

＆＃13;

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

＆＃13;

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

1 个答案: