getElementsByTagName

説明

getElementsByTagName() はタグの名前を指定してそのタグ名を持つノードオブジェクトのリストを取得する関数。getElementsByTagName() メソッドは document オブジェクトのメソッド。たとえば、

paragraphs = document.getElementsByTagName("p");

を実行すると、paragraphs には、<p> タグ要素のノードの配列が格納される。最初のノードは、paragraphs[0] で取り出すことができる。ノードの名前は、nodeName メソッドで、ノードの値は、nodeValue で取り出すことができる。


スクリプト

<body>
<h3>説明</h3>
<hr />
<script>
h3 = document.getElementsByTagName("h3");
document.write("nodeName: " + h3[0].nodeName + "<br />");
document.write("child nodeName: " + h3[0].firstChild.nodeName + "<br />");
document.write("child nodeValue: " + h3[0].firstChild.nodeValue + "<br />");
</script>
</body>

実行例