javascript 複数の要素を要素名を指定して取得する

javascript 複数の要素を要素名を指定して取得する

javascriptで、getElementsByTagNameメソッドを使用して複数の要素を要素名を指定して取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

getElementsByTagNameメソッド使い方

getElementsByTagNameメソッド使用するとタグ名から要素を取得することが可能です。

getElementsByTagNameメソッド使い方

サンプルコード

以下は、「 取得 」ボタンをクリックすると「span」タグを取得して、要素内のテキストを出力するサンプルコードとなります。

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

span要素内のテキストデータが全て取得できていることが確認できます。