title: Determine whether element was added by JS vs original HTML doc *OR* detect when a script updates a node by InnerHtml
body: <p>In short, I need to know if certain elements on the page are on the page because a some script inserted them via the InnerHtml property on a parent element, or whether they were part of the original HTML document that downloaded.  These two possibilities mean very different things in this (absurd) application.</p>
  
  <h2><strong>The Actual Use Case:</strong></h2>
  
  <p>A 3rd party script updates random node elements on a page by setting the InnerHtml attribute of the element(s).  I have full control over the browser (WPF / GeckoFx / XulRunner), and the ability to inject and modify (new) JS at will, but have no insight or ability to modify the heavily obfuscated 3rd party script whatsoever.</p>
  
  <p>The ONLY way to get the data I need, is to determine after page load, whether certain elements on the screen, if they exist, were loaded by the third party script (innerHtml), or if they were part of the original Html document before the 3rd party script ran.</p>
  
  <hr>
  
  <p>Simply comparing the original html content source of the page to its final state is difficult, because there is a lot of inline scripting on the original page.</p>
  
  <p>Does anyone have any ideas?</p>