【html】

<h1 id="target">ドットインストール</h1>
    <p>おはよう</p>
    <p class="morning">おはよう</p>
    <p>おはよう</p>

【JavaScript】

document.getElementsByClassName(morning).textContent = 'おはよう';

【問題点】

getElementsByClassNameで、htmlの文字を変えようとしたのですが、なぜか変わりません。

【自分で検索した結果】

getElementsByClassNameの使い方を調べると、HTMLCollection（要素の集合体）が何か関係しているようなのですが理解できなかったのでご教示お願いいたします。