addEventListener不适用于html按钮

Question

单击时要提醒的简单html按钮。

HTML:
<div id="container>
    <button type="button>Click Me</button>
</div>

Javascript:
var cat = document.getElementById("container");
var dog = cat.getElementsByTagName("button");
function mouse (){
    alert("mouse")
};
dog.addEventListener("click", mouse, false);

如果我将容器定位为：

cat.addEventListener("click", mouse, false);

随时单击div都可以正常工作，但是当我尝试将其添加到按钮时，什么也没有发生。 我也尝试过...

dog.addEventListener("click, mouse(), false);

当我尝试该代码时，鼠标功能会在加载时运行。

Answer 1

您的JS错误：

应该使用getElementById代替GetElementById 。 JavaScript区分大小写。

而且我看不到在哪里有hide函数声明。 我只能看到从未使用过的mouse功能。

同样根据@Harry的评论（通过调用getElementsByTagName您将获得DOM元素集合。 因此，您应该使用：

dog[ 0 ].addEventListener("click", hide, false);

Answer 2

很多拼写错误

//get not Get
var cat = document.getElementById("container");
//get first of array
var dog = cat.getElementsByTagName("button")[0];
function mouse (){
    alert("mouse")
};
//no hide function
dog.addEventListener("click", mouse, false);