今回は、「getElementsByTagName」のメソッドについて。
それでは見ていきましょう。
getElementsByTagNameメソッドとは？
「getElementsByTagName」とは、指定されたタグを持つ要素を取得するメソッドです。
例えば、「pタグ」を「getElementsByTagName」で指定したら、「pタグ」が取得することができます。
サンプルプログラムを書いてみよう
それでは実際に簡単なサンプルプログラムを書いてみましょう。
◎HTML
<span>この要素を取得します！</span> <span>この要素を取得します！</span> <span>この要素を取得します！</span>
<span>タグを3つ用意しました。
そして<span>タグの中に、テキストを入れました。
◎JavaScript
var x = document.getElementsByTagName('span');
console.log(x);
まずは、<span>を「getElementsByTagName」で全て取得します。
そして取得した<span>を、変数名であるxに代入。
最後に、console.logで変数名であるxを表示しました。
結果は以下のように。
consoleに取得した全ての<span>の要素が表示されていますね。
このように、「getElementsByTagName」を使えば、指定したタグを取得することが出来るのです。
まとめ
以上が、「getElementsByTagName」についてでした。
