.addEventListener添加事件失败原因之一

正确语法：

document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

addEventListener() 方法用于向指定元素添加事件句柄。

注意，这个指定元素是一个元素，所以当使用document.getElementsByClassName();来获取对象然后再添加事件的时候就会失效，因为它获取的是一个数组对象。

错误语法:

document.getElementsByClassName("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

当然，对应数组对象，要访问其中的一个元素，我们要加上数字角标。使用方式为：

var x = document.getElementsByClassName();
x[0].innerHTML = 'nihao';