.addEventListenerイベントの追加に失敗した理由の1つ

正しい構文:

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";
});

もちろん、対応する配列オブジェクトは、要素の1つにアクセスするには、数値コーナーマークを付けます.使用方法:

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