I'd like my GreaseMonkey script to run a function whenever elements with a specific class are inserted into a page. What's the most idiomatic way of doing that?
If it helps, it's a <select> element that is being inserted.
views:
477answers:
2Dang, beat me to it. This event is fired whether using DOM methods (appendChild et al) or innerHTML, and is fired in Opera as well, so it won't break portability of your userscript (if you care). Check out http://www.quirksmode.org/dom/events/tests/DOMtree.html
Ben Blank
2009-02-04 19:25:10
Thanks, that worked. However I'm concerned that running my function on every insertion might slow things down. Is there any way I can tell the type of element that was inserted?
Sam Hasler
2009-02-04 19:45:11
if you specify an argument for the function that is being called on DOMNodeInserted, that argument's 'target' property will be the node that a node is being inserted into. So, you could check the nodeType of that to see if it is the type you are looking for. I'm not sure if you can check the class..
scottm
2009-02-04 21:40:25
Looks like DOMNode has a className property you could check on:http://www.howtocreate.co.uk/tutorials/javascript/domstructure
scottm
2009-02-04 21:42:00
A:
You can use DOMNodeInserted
This event is fired whether using DOM methods (appendChild et al) or innerHTML, and is fired in Opera as well, so it won't break portability of your userscript (if you care). Check out http://www.quirksmode.org/dom/events/tests/DOMtree.html
If you specify an argument for the function that is being called on DOMNodeInserted, that argument's 'target' property will be the node that a node is being inserted into. So, you could check the nodeType of that to see if it is the type you are looking for. DOMNode also has a className property you could check on. http://www.howtocreate.co.uk/tutorials/javascript/domstructure
Daniel X Moore
2009-03-04 05:53:02