トップページ >  Ajax >  $() 関数
初版2009/10/16: 最終更新日2009/10/16
$() 関数
目次
$() 関数
$() 関数
$()関数は、DOMのdocument.getElementById()へのショートカットとして定義されており、 パラメータにID名を指定する事によりページ上のオブジェクトに対して手軽にアクセスする事ができます。 HTMLタグで$("obj")として記述すると、これはdocument.getElementById("obj")と記述するのと同じ事になります。
$() 関数を用いたサンプル
サンプル
<html>
  <head>
    <title>$()関数を用いたサンプル</title>
    <script src="prototype_1.5.0.js"></script>
    <script>
      function test() {
        var div = $('div1');
        alert(div.innerHTML);
      }
    </script>
  </head>

  <body>
    <div id="div1">
      <p>この部分が表示されます。</p>
    </div>
    <div id="div2">
      <p>この部分は表示されません。</p>
    </div>
    <input type="button" value="テスト" onclick="test();" />
  </body>
</html>