给元素添加自定义方法

http://bbs.csdn.net/topics/390656341   这里

解决方案 »

  1.   

    如果是jquery的话，可以用$.fn.extend(
          {
                 func1:function(arg1,arg2)
                 {
                         ……
                 }
          }
    )应用的时候是$(element).func1(agr1,arg2);
      

  2.   

    扩展HTMLElement  但ie不支持
    你可以自己定义对象 将dom设为这个对象的一个属性  之后这个对象就可以操作方法来操作dom了
      

  3.   

    或者你也可以重写一些方法
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <div id="test">123</div>
    <script type="text/javascript">
    document.x=document.getElementById;
    document.getElementById=function(id,name,fun){
    var d=document.x(id);
    d[name]=fun;
    return d;
    }
    var d=document.getElementById('test','show',function(){alert(this.innerHTML)});
    d.show();
    </script>
    </body>
    </html>类似这样试试
      

  4.   

    可以用prototype属性去增加方法，如下边例子:直接给Object增加了一个方法，因为tester 和 document.getElementById('ttt') 都是对象，所以都能继承这个方法
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta content="text/html; charset=gb2312" http-equiv="Content-Type">
    </head>
    <body>
            <div align='center' id="ttt"></div>
            <script type="text/javascript">
    Object.prototype.showitem = function()
    {
    for(i in this)
    {
    if(i == 'id')
    alert(i+"|"+this[i]);
    if(i == 'align')
    alert(i+"|"+this[i]);
    }
    }
    var tester =  {id:"aaaa",align:'sssss'}; 
                            
    document.getElementById('ttt').showitem();
                            
    tester.showitem();
            </script>
        </body>
    </html>