Eine Möglichkeit, den Konstruktor in HTMLElement zu überschreiben, damit ich benutzerdefinierten Code hinzufügen kann

Question

Ich versuche irgendwie den Konstruktor von HTMLElement (speziell HTMLDivElement) zu überschreiben, so dass, wann immer mit irgendwelchen Mitteln erstellt werden, ich einige benutzerdefinierte Logik ausführen kann.

Offensichtlich funktioniert das nicht:

 
HTMLDivElement.prototype.constructor = function() 
{ 
    alert('div created!'); 
} 

Gibt es eine Möglichkeit, dies zu ziehen aus? Selbst wenn es eine Möglichkeit gäbe, irgendeine Art von Ereignis auszulösen, wenn neue Elemente erstellt werden (die nicht Teil der HTML-Seite der Seite sind), wäre das hilfreich.

EDIT: Vielleicht gibt es etwas, was wir mit Mozillas Watch/Unwatch-Methoden machen könnten, um etwas Abwechslung zu sehen?

Answer 1

Ich bin dafür in die Hölle gehen:

document.createElement = (function (fn) 
{ 
    return function (tagName) 
    { 
     var elem = fn.call(document, tagName); 
     alert('just created a new ' + elem.tagName); 
     return elem; 
    }; 
})(document.createElement);   

Answer 2

Wenn Sie jQuery verwenden möchten, gibt es ein Plugin namens Livequery, mit dem Sie Ereignisse auf noch nicht erstellten Elementen auslösen können. So Ihr Beispiel oben könnte wie folgt geschrieben werden:

$("div").livequery('load', function(event) { 
    alert('div created!'); 
}); 

Bitte beachte, dass ich mich nicht livequery versucht, aber ich bin zu raten, da es keine Antworten auf diese Frage.

Hoffe es hilft!

Answer 3

Wenn Sie prototest.js nicht stört, kann diese Antwort helfen.

$ ('Platzhalter') ein (neues Element ("img", {id: 'etwas', src: myImage, onload: '(' + function() {alert ("MOO");. } + ')()'}));

• von How to add event handler with Prototype new Element() constructor?

Answer 4

ich bin nicht sicher, Sie können einen ‚Haken‘ machen bei jedem Aufruf eines jeden neuen Objekt in Javascript ... aber ich bin mir ziemlich sicher, dass Sie machen können Ihren eigenen Rahmen, in dem alles abfangbare sein .. ich empfehlen, sich bei: http://code.google.com/p/joose-js/

oder einfach durch Artikel gehen: http://www.sitepen.com/blog/2008/03/18/javascript-metaclass-programming/

python hat __new__ und __init__ als Schritte, um die Klassen zu konstruieren .. es wäre gut zu überprüfen, wie Javascript mit der Konstruktion neuer Objekte beschäftigt ist.

Answer 5

Steuern Sie nicht die Änderung/Erstellung dieser Elemente? Warum können Sie nicht manuell tun, was Sie wollen, nachdem jedes Element erstellt wurde?

Answer 6

Der übliche Weg, dies zu tun ist Mutation Observers