javascript - Javascript: フォーム フィールドの値を編集しますか?

Question

これは私のhtmlです：

<div class="myFormField">
     <input type="text" class="myFormField city" value="" name="city" id="city">
</div>

以下を設定しようとしていますが、機能していません。アラートでテストすると、未定義が返されます。

document.getElementsByClassName("myFormField city").value = "New York";

どんな助けでも感謝します！

Answer 1

document.getElementsByClassName("myFormField city")

要素の配列を返します

だから使う

document.getElementsByClassName("myFormField city")[0].value

Answer 2

そのはず：

document.getElementsByClassName("myFormField city")[0].value = "New York";

のドキュメントを参照してくださいgetElementsByClassName。

「指定されたすべてのクラス名を持つ要素のセットを返します。」

getElementsByClassName要素のセットを返すため、そのセット内の特定の要素にアクセスして値を指定する必要があります。セットの最初の要素は[0]、2 番目の要素は[1]などです。

ここでjsFiddle。

Answer 3

document.getElementsByClassNameは指定されたクラス名を持つ要素の配列を取得することに注意してください。したがって、コードは次のようになります。

document.getElementsByClassName("myFormField city")[0].value = "New York"

Answer 4

IDもお持ちです

document.getElementById("city").value = "New York";