如何覆蓋appendChild（）？

Question

appendChild = function(message) { 
    console.log("intercepted!"); 
} 

使用上面的代碼似乎不起作用。

任何人都知道嗎？

Answer 1

你可能想要替換的是Element.prototype.appendChild，但這可能是一個壞主意。

本示例將文本intercepted在插入的元素：

var f = Element.prototype.appendChild; 
Element.prototype.appendChild = function(){f.apply(this, arguments);arguments[0].innerHTML="!Intercepted!"; }; 
document.body.appendChild(document.createElement("div")); 

Demonstration

Answer 2

這是不明智覆蓋原生的功能，但如果你這樣做不是要確保你返回附加元素以防止使用本機「appendChild」函數的返回值的代碼出現問題：

window.callbackFunc = function(elem, args) { 
    // write some logic here 
} 
window.f = Element.prototype.appendChild; 
Element.prototype.appendChild = function() { 
    window.callbackFunc.call(this, arguments); 
    return window.f.apply(this, arguments); 
};