将事件侦听器添加到HTML元素集合 [英] Add Event Listener to Collection of HTML Elements
问题描述
我知道 getElementsByTagName
和 getElementsByClassName
需要索引标识符才能将对象绑定到事件监听器。
I know that getElementsByTagName
and getElementsByClassName
need an index identifier in order for the objects to be bound to an event listener.
所以问题是,如何将事件监听器添加到使用 getElementsByTagName <找到的HTML元素集合中/ code> 或
getElementsByClassName
?
<input class="inputs" type="submit" value="Hello" />
<input class="inputs" type="submit" value="World" />
var inputElem = document.getElementsByTagName('input');
inputElem.addEventListener('click', function(){
alert(this.value);
}, false);
我知道如何在jQuery中执行此操作,但我想知道如何使用纯JS执行此操作。
I know how to do this in jQuery, but I want to know how to do it with pure JS.
推荐答案
不建议在每个中添加eventlistener。可能会有所帮助:
Adding eventlistener to each of them is not advisable. May be this can help:
http://jsfiddle.net / b8gotLL6 /
document.getElementById('parent').addEventListener('click', function(e){
alert(e.target.value);
})
如果您只想使用 getElementsByTagName 或 getElementsByClassName ,那么我猜您需要迭代返回的数组。
And if you only want to do using getElementsByTagName or getElementsByClassName, then i guess you need to iterate for the array returned.
这篇关于将事件侦听器添加到HTML元素集合的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!