DOM insertion events

[moshe]

1) Is there any standard way I can listen for insertion of elements. I would like to create a function that automatically transforms all standard html tables and comboboxes when they are inserted.

2) would querying the DOM Tree at specified intervals looking for new elements be a performance problem i.e how quick is DOMQuery?

[jsakalos]

Re 1: AFAIK not. Maybe I'm not fully grasping concept but if the insertion is taking place (I guess insertion is done from a js code) why not to call the applyTo directly as the next step?

Re 2: There is a thread with link to DomQuery performance tests. Search for it.

[Animal]

I think Mozilla implements DOM mutation events. I experimented a little with them a while back. I'll have a look for my experimental code on Monday.

http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-eventgroupings-mutationevents

[moshe]

jsakalos: I searched for the thread. but only found this one (http://extjs.com/forum/showthread.php?t=2348) but it doesn't mention any tests :(

Animal: Thanks :)

[Animal]

It's as simple as



Ext.get(myElement).on("DOMNodeInserted", function(e) {
var be = e.browserEvent;
var t = be.target;
var r = be.relatedNode;
alert(t.tagName + "#" + t.id + " added to " + r.tagName + "#" + r.id);
});

[jsakalos]

Re performance: Try to look here: http://www.jackslocum.com/blog/2007/01/11/domquery-css-selector-basic-xpath-implementation-with-benchmarks/

[moshe]

thanks, I should have searched www.jackslocum.com as well, sorry