【JavaScript】【prototyoe.js】$() 関数

JavaScript prototype.js

$() 関数は DOM の document.getElementById() 関数へのショートカット。
DOM 関数と同様に、この関数は引数として渡された ID を持つ要素 (element) を返します。
さらに追加メソッドによってさまざまな動作を行うことが出来ます。

<script src="prototype.js"></script>
<script>
	function test(){
		var d = $('myDiv');
		alert(d.innerHTML);
		d.hide();　　　　　//id="myDiv"の要素を隠す
		d.show();　　　　　//id="myDiv"の要素を表示する
		d.addClassName('active');　//指定されたクラス名を要素のクラス名に加える。 
	}
</script>
</head>

<body>
	<div id="myDiv">
		<p>This is a paragraph</p>
	</div>
	<div id="myOtherDiv">
		<p>This is another paragraph</p>
	</div>

	<input type="button" value="Test $()" onclick="test();"/><br/> 

</body>

上記を実行すると
アラートに

This is a paragraph

が表示される。