JavaScript入門講座

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

getElementsByNameメソッド

documentオブジェクトのgetElementsByNameメソッドはname属性で指定した名前で要素を取得します。

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

<html>
<head>
<title>JavaScript open</title>
<script type="text/javascript">
function btn_click(){
	var obj = document.getElementsByName('input_1');
	if(obj[0].value != ""){
		window.alert(obj[0].value);
	}
}
</script>
</head>
<body>
<form action="#">
入力値:<input type="text" name="input_1" value="ABCDEFGHIJK">
<input type="button" value="実行" onclick='btn_click()'>
</form>
</body>
</html>
						
関連メンバ機能
getElementByIdid属性を指定して要素の値を取得する
getElementsByTagNametag_name属性を指定して要素のリストを取得する