prototype.js で element にメソッドを追加する方法

comments(0) | trackback(0)

  prototype.js 1.5 から $ メソッドが改良されて

$('foo').show();

  のように書けるようになりました．

  prototype.js のソースを読んでいくと Element.Methods に好きなメソッドを追加できそうなのでやってみました．

Element.Methods.warning = function(element) {
    $(element).style.color = '#f00';
    return element;
};

Element.addMethods(); // addMethods しないと追加されない！

  上記は，指定された element を赤色にして警告するものです (いい例が思いつかない……)．
  以下のようにして，呼び出せます．

$('bar').warning();

  あまりいい例ではないですが，何か面白いことに使えるかもしれません．