Javascript – C# WebBrowser control — Get Document Elements After AJAX


I'm writing an application that uses the WebBrowser control to view web content that can change with AJAX that adds new content/elements.
I can't seem to get at the new elements any way I've tried. BrowserCtl.DocumentText doesn't have the up-to-date page and of course it's not in "view source" either.

Is there some way to get this new data using this control? 🙁
Please help. Thanks!


//Code that waits for browser to finish...
//WebBrowser control has loaded content and AJAX has loaded new content
// (is visible at runtime on form) but can't see them in Browser.Document.All
// or Browser.DocumentText :(

Best Solution

I solved the problem for me.

the key is, attaching a handler for onPropertyChanged event of the div element which is being populated via ajax call.

HtmlElement target = webBrowser.Document.GetElementById("div_populated_by_ajax");

if (target != null)
      target.AttachEventHandler("onpropertychange", handler);

and finally,

private void handler(Object sender, EventArgs e)
      HtmlElement div = webBrowser.Document.GetElementById("div_populated_by_ajax");
      if (div == null) return;
      String contentLoaded = div.InnerHtml; // get the content loaded via ajax