element.getElementsByTagName( name )メソッド

element.getElementsByTagName( name )は、「element」に指定した要素の内容のうち、引数「name」に指定したタグ名の全ての要素への参照を格納した配列を返すメソッド。

構文

var $elementsList = $elementNodeReference.getElementsByTagName( name );

引数

name
クラス名を指定。

戻り値

「$elementNodeReference」に指定した要素の内容のうち、引数「name」に指定したタグ名の全ての要素への参照を格納した配列。

サンプル

サンプルの動作について

「sample()」ボタンをクリックすると、ボタンの下に「1」「2」「3」と一行づつ表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function sample() {
    var $elementNodeReference = document.getElementById( "sample" );
    var $sample = $elementNodeReference.getElementsByTagName( "sample" );
    $sample[0].innerHTML = "1";
    $sample[1].innerHTML = "2";
    $sample[2].innerHTML = "3";
}
</script>

HTML

<div id="sample">
    <p><button onclick="sample();">sample()</button></p>
    <p><sample></sample></p>
    <p><sample></sample></p>
    <p><sample></sample></p>
</div>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, メソッド, リファレンス, 参照, 逆引き パーマリンク