トップページ >  Ajax >  $()関数
初版2009/10/16: 最終更新日2009/10/16
$()関数
目次
$()関数
$()関数
$()関数は、DOMのdocument.getElementById()へのショートカットとして定義されており、 パラメータにID名を指定する事によりページ上のオブジェクトに対して手軽にアクセスする事ができます。 HTMLタグで$("obj")として記述すると、これはdocument.getElementById("obj")と記述するのと同じ事になります。
$("obj1","obj2")と引数を複数渡すことにより複数オブジェクトに同時にアクセスすることが可能です。

$()関数を用いたサンプル
サンプル
<html>
  <head>
    <title>$()関数を用いたサンプル</title>
    <script src="prototype_1.5.0.js"></script>
    <script>
      function test() {
        $('div1','div2').each(function(obj){alert(obj.innerHTML)});
      }
    </script>
  </head>

  <body>
    <div id="div1">
      <p>この部分はdiv1です。</p>
    </div>
    <div id="div2">
      <p>この部分はdiv2です。</p>
    </div>
    <input type="button" value="テスト" onclick="test();" />
  </body>
</html>