JavaScript input要素のtype属性を取得するサンプル
環境
Windows 10 home 64bit
Google Chrome 107.0.5304.122
構文
1.ボタンのonclickイベントの定義
document.getElementById('ボタンのid名’).onclick = function() {処理コード}
2.input要素のtype属性を取得します。
const 変数名= document.getElementById('セレクターID名’);
変数名.type
typeプロパティを利用してinput要素のtype属性を取得します。
使用例
<!DOCTYPE html>
<html>
<body>
名前:<input id="age" type="text" name="age"/><br/>
<input id="chk" type="button" value="検証" />
<script>
document.getElementById('chk').onclick = function() {
const cft= document.getElementById('age');
// コンソールに出力
console.log(cft.type);
}
</script>
</body>
</html>
実行結果
ボタン「検証」を押すと、type属性の値がコンソールに表示されます。
text