「HTML DOM」getElementsByTagNameで指定要素の子孫のプロパティを取得する
環境
Google Chrome 100.0.4896.88
Windows10 64bit
書式
document.getElementById(ID名).getElementsByTagName(タグ名);
Element.getElementsByTagName() メソッドは、生きた HTMLCollection で指定されたタグ名を持つ要素を返します。
element は検索を始める要素です。この要素の子孫のみが含まれ、この要素自身は含まれません。
使用例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="main">
<span>東京 tokyo</span>
<span>大阪 oosaka</span>
</div>
<br>
<script>
x=document.getElementById("main").getElementsByTagName("span");
document.write("divの段落: " + x[1].innerHTML);
</script>
</body>
</html>
実行結果
ドキュメントの全て<span>タグ要素のリストを返します、<span>要素は「id="main"」要素の子ノード。
子ノードのinnerHTMLの情報を出力します。画面に「divの段落: 大阪 oosaka」が表示されます。