JavaScriptでのすべての入力要素の選択方法

2024-03-15 23:29 JavaScript 入力要素 選択

  1. クラス名を使用して入力要素を選択する方法:

    const inputs = document.getElementsByClassName('input-class');

    上記のコードでは、"input-class"というクラス名を持つすべての入力要素が選択されます。必要に応じて、クラス名を適切なものに変更してください。

  2. 入力タイプを使用して入力要素を選択する方法:

    const inputs = document.querySelectorAll('input[type="text"]');

    上記のコードでは、"text"という入力タイプを持つすべての入力要素が選択されます。必要に応じて、入力タイプを変更してください。

  3. フォーム要素内のすべての入力要素を選択する方法:

    const form = document.getElementById('my-form');
const inputs = form.querySelectorAll('input');

    上記のコードでは、idが"my-form"という値のフォーム要素内のすべての入力要素が選択されます。必要に応じて、idを適切なものに変更してください。

これらはいくつかの一般的な方法ですが、実際の要件に応じてさまざまな方法があります。適切なメソッドやセレクターを使用して、目的に合った入力要素を選択してください。