JavaScript入門講座

Home > documentオブジェクト > getElementsByTagNameメソッド

getElementsByTagNameメソッド

documentオブジェクトのgetElementsByTagNameメソッドはタグ属性で要素のリストを取得します。

書式document.getElementsByTagName('tag_name')
ブラウザInternet ExplorerFireFoxChromeSafariOpera
機能tag_name属性で指定した名前で要素のリストを取得する
引数tag_name
使用例name属性を指定してテキストボックスの値を取得する。

<head>
<title>JavaScript open</title>
<script type="text/javascript">
function btn_click(){	
	var elements = document.getElementsByTagName("p");
	var num = elements.length;
	alert("このドキュメントには " + num + " 個の<p>要素があります");
}
</script>
</head>
<body>
	<p>JavaScript入門講座1</p>
	<p>JavaScript入門講座2</p>
	<p>JavaScript入門講座3</p>
<body>
<form action="#">
<input type="button" value="実行" onclick='btn_click()'>
</form>
</body>
</html>
						
関連メンバ機能
getElementByIdid属性を指定して要素の値を取得する
getElementsByNamename属性を指定して要素の値を取得する