title: Handler for dynamically created DOM nodes as they are inserted
body: <p>I enjoy running custom scripts on pages that I do not own or control.  Many times these pages have dynamically created content that I would like to apply a function to.</p>
  
  <p>Is this possible?  If so, how can I do this?  Ideally I am looking for something live jQuery's <code>live</code> method, except instead of binding an event like <code>click</code> it would be more like an event that happens when the element is loaded in the DOM.  <code>load</code> event would work for some elements but I don't think for all...</p>
  
  <p>For this question, assume that you cannot look at or change the code that is inserting the DOM nodes.  I would like a technique that I could use in a userscript or bookmarklet that could be used across multiple unrelated sites.</p>
  
  <p>Edit: I am looking for something to use on my invert colors bookmarklet: <a href="https://stackoverflow.com/questions/4766201/javascript-invert-color-on-all-elements-of-a-page">JavaScript: Invert color on all elements of a page</a></p>