（覆盖||扩展）Javascript方法

Question

我想将方法​​DomElement.appendChild（）更改为在应用到我创建的对象上时以不同的方式工作：

// using MooTools;
var domElement = new Class({...});

var MyObject = new domElement(...);

$(document).appendChild(MyObject); // Error

// I want to add to (extend) appendChild, to do something specific, when:
alert(MyObject instanceof domElement); // true

我可以通过修改mootools.js来做到这一点，但是我想不惜一切代价避免这种情况，因为我确定有一天，其他一些开发人员将用更新的版本覆盖js文件，而我将因谋杀而入狱。

求你了，别让我出狱！

Answer 1

我不了解MooTools，但是在本机JS中有一种简单的方法可以做到这一点。

    var orgAppendChild = document.appendChild;  
    document.appendChild = localAppendHandler;


    var domElement = new Class({...});
    var MyObject = new domElement(...);
    // document.appendChild(MyObject);

     var ss = document.createElement('tr'); 
document.appendChild (ss);


    function localAppendHandler(MyObject)
    {
     if (MyObject instanceof domElement)
        UrCustomRoutine(MyObject )
        else
            orgAppendChild(MyObject);


    }

    function UrCustomRoutine(MyObject ){
    //your custom routine
    }

希望这可以帮助

更新：从您的进一步说明（处理任何DOM元素的appendChild），我知道没有定义本地处理程序来捕获事件的通用方法。

但是有一个解决方法（我知道这很丑）。 意味着您必须先使用DOM元素定义LocalHandler才能使用appendChild。

在执行此文档之前.getElementByID（'divTarget'）。appendChild（）

您必须将localhandler重新分配给您需要访问的元素

    orgAppendChild = document.getElementById('divTarget').appendChild;  
    document.getElementById('divTarget').appendChild = localAppendHandler;
    var sss = document.createElement('table'); 
    document.getElementById('divTarget').appendChild(sss);

另一种选择：如果您想保持简单，我建议您使用另一种方法。 创建AppendChild本地方法，该方法接受对象和节点名称作为参数。

    function AppendChild(MyObject ,Node)
    {
           if (MyObject instanceof domElement)
               //your custom routine
           else if (Node=="" && (MyObject instanceof domElement==false))
               document.appendChild(MyObject);
           else if (Node!="" && (MyObject instanceof domElement==false))
               eval( "document.getElementById('" + Node + "').appendChild(MyObject);");


    }

和

1. 如果您想将DOM元素附加到文档中

     AppendChild(DOMelement,"") 

2. 如果要在其他容器中附加DOM元素

     AppendChild(DOMelement,"divTarget") 

3. 如果要处理自定义对象

     AppendChild(customObject,"") 

这是最好的方法。

Answer 2

您应该在类中使用object.toElement（）

http://blog.kassens.net/toelement-method

然后只需使用document.body.inject（instanceObject）;

Answer 3

var originAppend = Element.prototype.appendChild;
Element.prototype.appendChild = function(el){ 
    // do something to el
    originAppend.call(this, el);
}