增加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。