Categories: Prototype Api

Prototype – 元素对象 addMethods() 方法

返回到:Prototype – 元素对象

此方法可以将您自己的方法混合到 Element 对象中,稍后您可以将其用作扩展元素的方法。

要添加新方法,只需向 Element.addMethods 提供方法的散列。请注意,每个方法的第一个参数必须是一个元素。

语法

element.addMethods([hash of methods]);

OR

element.addMethods(tagName, methods);

在这里,方法的第二种形式将使添加的方法仅可用于特定标记。

返回值

没有任何。

例子

<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 – 元素对象

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

7 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

1 月 ago