js问题，为什么我用getElementsByTagName得不到button的值？

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <script>
            window.onload = function(){
                  var Btn = document.getElementsByTagName("button");
                  Btn.addEventListener("click", function(){
                        alert("点击一");
                  },true);
                  Btn.addEventListener("click", function(){
                        alert("点击二");
                  },true);
            }
      </script>
</head>
<body>
      <button id="xxx">按钮</button>
</body>
</html>

为什么只能用getElementById得到button的值？

getElementsByTagName返回是数组集合形式。

把
Btn.addEventListener

改成以下即可

Btn[0].addEventListener

getElementsByTagName 得到的是个集合，你加个[0]就行了