dom_dom0600_006

次のうち、テキスト入力の値をプログラムから変更する正しい方法はどれですか?

  1. element.innerText = “新しい値”;
  2. element.textContent = “新しい値”;
  3. element.value = “新しい値”;
  4. element.setAttribute(“text”, “新しい値”);
正解
  1. element.value = “新しい値”;
解説

入力欄の値を変更する場合は value プロパティに代入します。innerText や textContent はフォーム入力の値には影響しません。

使用例(サンプルコード)

[ javascript ]

let input = document.querySelector("#email");
input.value = "example@example.com";