javascript 指定したclass名から要素を取得する

javascript 指定したclass名から要素を取得する

javascriptで、getElementsByClassNameを使用して、指定したclass名から要素を取得するサンプルコードを記述してます。

環境

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

getElementsByClassName使い方

getElementsByClassNameを使うと、htmlタグから要素を取得することが可能です。

getElementsByTagName使い方

実行結果

サンプルコード

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

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

指定した全ての「クラス名」のテキストが表示されていることが確認できます。