addEventListener与getElementByTagName一起使用是完全可以的。addEventListener是用于为指定的元素添加事件监听器的方法,而getElementByTagName是用于通过标签名称获取文档中所有指定标签的元素的方法。
下面是一个示例代码,演示如何使用addEventListener与getElementByTagName一起使用:
HTML代码:
JavaScript代码:
// 获取所有的按钮元素
var buttons = document.getElementsByTagName("button");
// 遍历所有的按钮元素,并为每个按钮添加点击事件监听器
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
// 在点击事件中执行的代码
console.log("按钮被点击了!");
});
}
上述代码使用getElementByTagName获取了所有的按钮元素,然后使用for循环遍历每个按钮元素,并为每个按钮添加了一个点击事件监听器。当按钮被点击时,点击事件监听器中的代码会被执行,打印出"按钮被点击了!"。
注意:getElementByTagName返回的是一个类数组对象,需要使用循环遍历每个元素,然后为每个元素添加事件监听器。