$$ メソッド - Prototype.js

$$ メソッドは任意の数の CSS セレクター文字列を受け取り、指定した CSS セレクターにマッチした 拡張 DOM 要素の配列を返します。(要素の並びはドキュメント順)

例えば、"foo" という CSS クラスを持つ div 要素の (拡張 DOM 要素) 配列を取得するには、次のようにします。

a = $$('div.foo');

以前のバージョンでは document.getElementsByClassName が使われていましたが、 バージョン 1.6 以降では getElementsByClassName メソッドの代わりに $$ を使用してください。

サンプルコード

(function() {
     Event.observe( window, 'load', function() {
     
               Event.observe( 'btn_test', 'click', test_onclick);
     
          }
     );
     
     
     function test_onclick(){
     
          $$('p.c1').each( function(n) {
               alert( n.innerHTML );
          });
     
     }
})();

$$ の実行サンプルを別ウィンドウで開く