Aumento del prototipo dei nodi elemento DOM?

Question

So come aggiungere nuovi metodi per ogni oggetto - aumentando di prototipi dell'oggetto:

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

Ma, è possibile definire nuovi metodi per soli nodi elemento DOM? Gli oggetti nodo elemento DOM hanno un prototipo? O forse esiste un prototipo per i nodi DOM in generale?

Oppure gli oggetti prototipo esistono solo per gli oggetti incorporati?

Answer 1

Sì, ma non in tutti i browser. Internet Explorer 8 supporta i prototipi DOM (in una certa misura), così come Firefox, Chrome, Opera e Safari.

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

Molti considerano una cattiva pratica estendere gli oggetti DOM tramite il loro prototipo. Kangax ha un grande articolo sull'argomento: http://perfectionkills.com/whats-wrong-with-extending-the-dom/. Tuttavia, i prototipi DOM ci consentono di implementare metodi basati su standard in ambienti che non li supportano ancora, proprio come gli shim per i metodi ECMAScript 5th Edition.

Answer 2

Questo è esattamente ciò che fa prototype.js, ma ora è considerato una pratica estremamente negativa. È molto meglio usare wrapper/handler. Nota, l'aumento di QUALSIASI oggetti nativi, in particolare l'oggetto Object, è una cattiva pratica.

lettura:

Whats wrong with extending the DOM
Object.prototype is verboten

Addendum:

Mentre si estende oggetti nativi in ​​piccoli progetti può essere considerato sicuro che verrà effettivamente diventare una pessima habbit. È solo marginalmente meno peggio che sporcare l'ambito globale con funzioni e variabili. Si verificano non solo collisioni di nomi, ma anche collisioni di implementazione. Questo diventerà più evidente più le biblioteche vengono ridistribuite.

Mantenere l'implementazione sui propri oggetti è l'unico modo per evitare QUALSIASI collisione, nome, implementazione o altro.

Tutto ciò che è stato detto, è il vostro lavoro da fare a vostro piacimento, tuttavia non raccomanderò nulla che sia ampiamente accettato come pura pratica scorretta. Attenersi alla mia raccomandazione.

Answer 3

In alcuni browser, gli elementi DOM espongono un oggetto prototipo, che può ereditare anche da Object.prototype, ma questo non è universalmente vero (ad esempio, IE non lo è). In generale, gli oggetti host come gli elementi DOM non sono obbligati a farlo; infatti, gli oggetti host non sono vincolati da molte delle regole che si applicano agli oggetti JavaScript nativi, quindi non dovresti mai fare affidamento sugli elementi DOM per supportare questo tipo di cose.

Suggerisco kangax's excellent article on this subject.