プロトタイプ-addMethods（）メソッド

このメソッドを使用すると、独自のメソッドをElementオブジェクトに混在させて、後で拡張要素のメソッドとして使用できます。

新しいメソッドを追加するには、Element.addMethodsにメソッドのハッシュを渡すだけです。各メソッドの最初の引数は要素でなければならないことに注意してください。

構文

element.addMethods([hash of methods]);

OR

element.addMethods(tagName, methods);

ここでは、メソッドの2番目の形式により、追加されたメソッドが特定のタグでのみ使用可能になります。

戻り値

無し。

例

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>

      <script>
        //Make changeColor method available for all the elements
         Element.addMethods({
            changeColor: function(element, colorName) {
               element = $(element);
               element.style.color = colorName;
               return element;
            }
         });
         function ShowEffect() {
            node = $("firstDiv");

           //Now call changeColor method
            node.changeColor( "red" );
         }
      </script>
   </head>

   <body>
      <div id = "firstDiv">
         <p>This is first paragraph</p>
      </div>
      <br/>

      <input type = "button" value = "ShowEffect" onclick = "ShowEffect();"/>
   </body>
</html>

出力

Prototype-element-addmethods

目次

プロトタイプ-addMethods（）メソッド

構文

戻り値

例

出力