javascript name属性を指定して要素を取得する

javascript name属性を指定して要素を取得する

javascriptで、getElementsByNameを使用して、name属性を指定して要素を取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

getElementsByName使い方

getElementsByNameを使うと、指定したname属性の要素を全て取得することが可能です。

getElementsByTagName使い方

実行結果

サンプルコード

以下は、
「取得」ボタンをクリックすると指定した 「name名」の全ての要素の値を表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

指定した全ての「name名」の値が表示されていることが確認できます。