如何覆盖appendChild()?

时间:2013-01-10 18:53:45

标签: javascript dom override

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

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

有谁知道?

2 个答案:

答案 0 :(得分:13)

您可能想要替换的是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

答案 1 :(得分:3)

建议覆盖本机函数,但如果你这样做,请确保返回附加元素,以防止使用本机" 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);
};