element.getElementsByTagName( name )は、「element」に指定した要素の内容のうち、引数「name」に指定したタグ名の全ての要素への参照を格納した配列を返すメソッド。
構文
var $elementsList = $elementNodeReference.getElementsByTagName( name );
引数
- name
- クラス名を指定。
戻り値
「$elementNodeReference」に指定した要素の内容のうち、引数「name」に指定したタグ名の全ての要素への参照を格納した配列。
サンプル
サンプルの動作について
「sample()」ボタンをクリックすると、ボタンの下に「１」「２」「３」と一行づつ表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sample() {
var $elementNodeReference = document.getElementById( "sample" );
var $sample = $elementNodeReference.getElementsByTagName( "sample" );
$sample[0].innerHTML = "１";
$sample[1].innerHTML = "２";
$sample[2].innerHTML = "３";
}
</script>
function sample() {
var $elementNodeReference = document.getElementById( "sample" );
var $sample = $elementNodeReference.getElementsByTagName( "sample" );
$sample[0].innerHTML = "１";
$sample[1].innerHTML = "２";
$sample[2].innerHTML = "３";
}
</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>
<p><button onclick="sample();">sample()</button></p>
<p><sample></sample></p>
<p><sample></sample></p>
<p><sample></sample></p>
</div>