javascript - JavaScript 経由でクラスごとに値属性を変更する

Question

私は次のHTMLを持っています:

<input class="vertical-tabs-active-tab" type="hidden" value="account" name="tabs__active_tab">

「account」の値を「yolo」に変更する JavaScript が必要です。

私はこれができると思った：

document.getElementsByClassName('vertical-tabs-active-tab').setAttribute("value", "yolo");

しかし、それは次のエラーを生成します:

document.getElementsByClassName(...).setAttribute is not a function

入力に「id」を追加できません。クラスに基づいて値を変更する必要があります。

Answer 1

getElement s ByClassName は要素のリスト/配列を返します。インデックスを介して要素を選択し、それに値を設定します。要素を反復処理することもできます。getElementById は 1 つの要素のみを返します。