扩充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

在一些浏览器中，DOM元素确实公开了一个原型对象，该对象也可能继承自Object.prototype，但这并不是普遍正确的(例如，IE不是)。通常，宿主对象(如DOM元素)不一定要这样做；事实上，宿主对象不受许多应用于本机JavaScript对象的规则的约束，因此您永远不应该依赖DOM元素来支持这种事情。

我推荐kangax's excellent article on this subject。

Answer 3

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

阅读：

Whats wrong with extending the DOM

Object.prototype is verboten

附录：

虽然在小项目中扩展原生对象可以被认为是安全的，但它实际上会成为一个非常糟糕的习惯。这只比用函数和变量散布全局作用域要好一点。不仅会发生名称冲突，还会发生实现冲突。你混搭的库越多，这一点就越明显。

将您的实现保留在您自己的对象上是避免任何冲突、名称、实现或其他冲突的唯一方法。

尽管如此，你可以随心所欲，但我不会推荐任何被广泛接受为纯粹的糟糕做法的做法。我坚持我的建议。