C# WPF Webbrowser msHTML - Explore DOM - Find Elements

Question

I'm actually working on a personal project in C# using WPF and WPF WebBrowser. I really need to explore html DOM Elements as we used to do in javascript or php..etc

In my MainWindow I have this variable :

private mshtml.HTMLDocument mainDocument = new mshtml.HTMLDocument();

In my webBrowser LoadComplete callback I have this :

mainDocument = (mshtml.HTMLDocument) mainBrowser.Document;

Ok, so this is nice, it's working.

Now if I do this :

mshtml.IHTMLElement elem = mainDocument.getElementById("MY_ID");

it's also very nice, can do elem.innerHTML or somes stuff like that.

BUT my problem is only HTMLDocument have methodes to find elements by ID, by tagnames..etc

I don't know how to find elements in IHTMLElement. I tried some stuff like casting IHTMLElement to IHTMLElement2..etc but nothing have worked.

Please if you have any ideas. A lot of people talks about hosting winforms webbrowser but I think it must have a way to do that only with mshtml.

Thanks a lot, If you need more information, please feel free to ask me

ps : I'm french so I'm sorry about my Engish skills

Sujit Singh · Accepted Answer · 2017-07-05 09:11:59Z

2

If you want to parse HTML document in Winforms or wpf, you can use an excellent parser htmlagility pack. Refer to below link http://html-agility-pack.net

  var url = "http://html-agility-pack.net/";
 var web = new HtmlWeb();
 var doc = web.Load(url);

After loading it in doc, you can get any attribute, tag, etc.

 var value = doc.DocumentNode
.SelectNodes("//td/input")
.First()
.Attributes["value"].Value;

It's super easy, just explore the doc a bit and you can make full use of it.

You can load html agility pack even from webbrowser, like below

HtmlAgilityPack.HtmlDocument doc = new 
HtmlAgilityPack.HtmlDocument();
            doc.Load(webBrowser1.DocumentStream);

Or you can do like this

HtmlAgilityPack.HtmlDocument doc = new 
HtmlAgilityPack.HtmlDocument();
            doc.Load(webBrowser1.Document);

Thanks

edited Jul 5, 2017 at 9:11

answered Jul 5, 2017 at 7:06

Sujit Singh

8391 gold badge11 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Clemens Over a year ago

Sure, but what if we already have a HTML document in the WPF WebBrowser's Document property? Could we possibly access its entire HTML and initialize HtmlAgilityPack from that, without reloading the document?

Sujit Singh Over a year ago

Yes, you can do that. Below is how you will do it HtmlAgilityPack.HtmlDocument doc = new HtmlAgilityPack.HtmlDocument(); doc.Load(webBrowser1.DocumentStream); Or you can do like this HtmlAgilityPack.HtmlDocument doc = new HtmlAgilityPack.HtmlDocument(); doc.Load(webBrowser1.Document); I just edited my above answer to include above change.

Sujit Singh Over a year ago

If an answer helps, do mark it as Answer, this way others can also benefit.

Mickael Torralvo Over a year ago

You really would like but I cannot because I'm new member, I will put more details in an answer

Mickael Torralvo · Accepted Answer · 2017-07-05 15:24:21Z

0

Thanks a lot @Sujit for your help. I've not enouth reputation to mark your answer as helpful but I hope others will do.

To get it work with wpf webbrowser I've done :

mainHTMLDoc.LoadHtml((mainBrowser.Document as mshtml.HTMLDocument).documentElement.innerHTML);

To manipulate everything in should use this :

using System.Linq;

After that you can do stuffs like that :

var table = mainHTMLDoc.GetElementbyId("MyID");
var rows = table.Element("tbody").Elements("tr");
for(int i=0; i< rows.Count();i++) {
    var datacol1 = rows.ElementAt(i).Elements("td").ElementAt(0).Descendants("a").ElementAt(0).InnerHtml;
    var datacol2 = rows.ElementAt(i).Elements("td").ElementAt(1).InnerText 
}

Whitout using Linq you cannot use Elements function which are very very usefull ! Thanks again Sujit :)

answered Jul 5, 2017 at 15:24

Mickael Torralvo

411 silver badge4 bronze badges

1 Comment

Sujit Singh Over a year ago

No issues Mickael. All the best!

Collectives™ on Stack Overflow

C# WPF Webbrowser msHTML - Explore DOM - Find Elements

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related