javascript disable true 効かない

Question

<概要>
javascript の　getElementByIdClassNameを利用し、値は取れているのですが、
それを document.getElementByIdClassName('update-button').disabled = true; と書くと効きません。下の写真にもある通り、コンソールの部分でみると0のなかにある部分ではdisable falseになっており、 0の外にあるところでdisable trueになっておりここが問題だと思います。.disabled = true;の部分で
他の書き方があるのかなと思い質問いたしました。

<コード＞

下図は、jsのコードです

下図はdisable を　効かせたいsubmit button のコードです.

下図は起動させると出るコンソールの文です。

下図はコンソールの０の中身です

Answer 1

document.querySelectorAll('.update-button').forEach(x=>{
x.disabled = true;
});

Answer 2

getElementsByClassName() は該当する要素が１つでも配列を返すのでそれを考慮する必要があります。

document.getElementsByClassName('update-button')[0].disabled = true;

とインデックスを付けたら動きませんか？

【補足】
getElementById() のように getElement と単数形になっているものは、このような処置が必要ありませんが、getElementsByTagName() のように getElements と複数形になっているものは同様の処置が必要です。