如何在document.getElementById之后添加自定义函数来调用？

Question

我只是好奇，如何在document.getElementById（）之后调用自定义函数？像这样：

document.getElementById("element").mycustomfunction();

Answer 1

从技术上讲，你可以这样做：

Element.prototype.mycustomfunction = function() {
     console.log("I don't work on IE7");
};

您可以在此页面的控制台中轻松测试：首先输入，然后输入document.getElementById("notify-container").mycustomfunction();。

有效。这没有技术问题。但是它可能会让应用程序的维护者更难以追踪发生的事情，它可能会导致与其他插件发生冲突，并且它并没有真正增加myPlugin.doSomething(element)。