时间戳

首页 > 解决方案 > getElementsByTagName 不适用于 DOM 方法 addEventListener

javascript - getElementsByTagName 不适用于 DOM 方法 addEventListener

问题描述

var x=document.getElementsByTagName("button");
x.addEventListener("click", function() {alert('You Just Clicked !!');});
<!DOCTYPE html>
<html>
<head>
<title>Its Practice</title>
</head>
<body>
<h1>Hi there</h1>
<button>Click Me !!</button>
<script type="text/javascript" src="practice2.js"></script>
</body>
</html>

标签： javascriptdomaddeventlistenergetelementsbytagname

解决方案

getElementsByTagName函数返回一个对象列表，根据你的代码x会HTMLCollection [button] 0: button length: 1 这样你就不能调用addEventListenerx了。

改用这个：

x[0].addEventListener("click", function() {alert('You Just Clicked !!');});

推荐阅读