在Javascript中为DOM对象列表中的每个项添加onclick属性

Question

我正试图摆脱jQuery的日常网站功能，而且我在onclick事件上遇到了一些麻烦。我想整理一个像jQuery的.click()这样的函数，但只是使用document.getElementsByTagName并添加一个函数onclick将无法正常工作。

接下来的问题是如何通过查询document.getElementsByTagName('h4')

为一个列表对象中的所有元素添加单个函数来触发onclick

干杯

编辑：万一有人发现这个并想要一些代码，这就是我所做的：

var headings = document.getElementsByTagName('h4')

for (var g in headings) {
    headings[g].onclick = function() {
        //code
    }
}

Answer 1

您需要遍历列表并将事件传递给每个项目。 我认为没有更简单的方法可以做到这一点，期望你需要一个像jQuery这样的库，或者你编写自己的eventManager ......