增加DOM元素节点的原型？

Question

我知道如何添加新的方法对每个对象 - 通过扩大对象的原型：

Object.prototype.foo = function() { }; 

但是，是可以定义为仅DOM元素节点的新方法？ DOM元素节点对象是否有原型？或者是否有一般DOM节点的原型？

或者原型对象只存在于内置对象吗？

Answer 1

是的，但不是在所有浏览器中。 Internet Explorer 8支持DOM原型（在某种程度上），Firefox，Chrome，Opera和Safari也是如此。

HTMLElement.prototype.toggle = function() { 
    this.style.display = this.style.display == 'none' ? '' : 'none'; 
} 

许多人认为通过原型扩展DOM对象是一种不好的做法。 Kangax在这方面有一篇很棒的文章：http://perfectionkills.com/whats-wrong-with-extending-the-dom/。然而，DOM原型允许我们在尚不支持它们的环境中实现基于标准的方法，就像ECMAScript第5版方法的垫片一样。

Answer 2

这正是prototype.js所做的，但现在被认为是非常糟糕的做法。 使用包装器/处理程序要好得多。请注意，增加任何本机对象，尤其是对象，是不好的做法。

读：

Whats wrong with extending the DOM
Object.prototype is verboten

附录：

虽然在延长小项目原生对象也算是安全它实际上将成为一个极坏的习惯中。在用功能和变量抛弃全球范围的情况下，它只会稍微更坏一点。不仅会发生名称冲突，还会发生实施冲突。混合起来的库越多，这种情况就会变得更加激烈。

将您的实现保留在您自己的对象上是避免任何冲突，名称，实现或其他方式的唯一方法。所有这些说法，你可以随心所欲地去做，但我不会推荐任何被广泛接受为纯粹不良做法的东西。我坚持我的建议。

Answer 3

在一些浏览器中，DOM元素确实暴露了一个原型对象，该对象也可能继承自Object.prototype，但这不是普遍正确的（例如，IE不）。一般来说，DOM元素等主机对象不一定要这样做;事实上，宿主对象并不受适用于本地JavaScript对象的许多规则的束缚，所以你不应该依赖DOM元素来支持这种事情。我们推荐kangax's excellent article on this subject。