.addEventListenerは、ある理由でイベントを追加します。

正しい構文です。

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

addEventListener()メソッドは、指定された要素にイベントハンドルを追加するために使用されます。

なお、指定された要素は A そのため、document.getElementsByClassName();を使用してオブジェクトを取得し、イベントを追加すると、配列オブジェクトを取得するため、失敗します。

間違った構文です。

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

もちろん、配列オブジェクトに対応して、ある要素にアクセスするためには、数字のコーナーマーカーを付けなければなりません。その使い方は

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