dom_dom0300_008

フォーム入力の現在値を読み取りたい場合、属性値ではなくプロパティを読む必要がある。初期値のHTML上の値は ( A )、現在の入力値は ( B ) を使って取得する。

解答

A: getAttribute(‘value’)
B: value

解説

getAttribute(‘value’)はマークアップ上の初期値、input.valueは現在値。読み取り目的に応じて使い分ける。

使用例（サンプルコード）

[ html ]

<input id="name" value="初期" />
<script>
  const el = document.getElementById('name');
  el.value = '今の値';
  console.log(el.getAttribute('value')); // (A) "初期"
  console.log(el.value);                 // (B) "今の値"
</script>