1
0

More than 1 year has passed since last update.

getElementById()を使って入力フォームから値を取得する

Posted at

はじめに

入力フォームに入力した値を取得する方法を説明します。

結論

getElementById()valueプロパティを使うことで入力フォームの値を取得することができます。

説明

まずは、getElementById()を使って入力フォームの要素を取得します。
その際、引数には取得したいid属性名を指定します。

let inputElm = document.getElementById('id属性名').value;

id属性の要素取得後、valueプロパティを使って入力フォームの値を取得します。

let inputVal = inputElm.value

console.log(inputVal);   // 入力フォームの内容が表示される。

ちなみに「getElementById(’id属性名’).value」というように、まとめて記述することもできます。

参考サイト

https://magazine.techacademy.jp/magazine/21069

1
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0