How to parse an HTML node's attributes

Question

I use C# and need to parse an HTML to read the attributes into key value pairs. e.g given the following HTML snippet

<DIV myAttribute style="BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent; BORDER-TOP: medium none" id=my_ID anotherAttribNamedDIV class="someclass">

Please note that the attributes can be
1. key="value" pairs e.g class="someclass"
2. key=value pairs e.g id=my_ID (no quotes for values)
3. plain attributes e.g myAttribute, which doesn't have a "value"

I need to store them into a dictionary with key value pairs as follows
key=myAttribute value=""
key=style value="BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent; BORDER-TOP: medium none"
key=id value="my_ID"
key=anotherAttribNamedDIV value=""
key=class value="someclass"

I am looking for regular expressions to do this.

You can't parse [X]HTML with regex. stackoverflow.com/questions/1732348/… — Homam
– Homam, Commented Apr 11, 2011 at 14:50

Martin Liversage · Accepted Answer · 2017-11-23 20:48:40Z

11

You can do this with the HtmlAgilityPack

string myDiv = @"<DIV myAttribute style=""BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent; BORDER-TOP: medium none"" id=my_ID anotherAttribNamedDIV class=""someclass""></DIV>";
HtmlDocument doc = new HtmlDocument();
doc.LoadHtml(myDiv);
HtmlNode node = doc.DocumentNode.SelectSingleNode("div");

Literal1.Text = ""; 

foreach (HtmlAttribute attr in node.Attributes)
{
    Literal1.Text += attr.Name + ": " + attr.Value + "<br />";
}

edited Nov 23, 2017 at 20:48

Martin Liversage

107k24 gold badges216 silver badges263 bronze badges

answered Apr 11, 2011 at 15:14

MikeM

27.5k4 gold badges68 silver badges80 bronze badges

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

Comments

lennon310 · Accepted Answer · 2014-12-26 18:07:28Z

-1

HtmlDocument docHtml = new HtmlWeb().Load(url);

edited Dec 26, 2014 at 18:07

lennon310

12.7k11 gold badges46 silver badges63 bronze badges

answered Dec 26, 2014 at 17:47

puru

591 silver badge2 bronze badges

1 Comment

Gábor Bakos Over a year ago

Could you add some explanation (and formatting for the code)?

Collectives™ on Stack Overflow

How to parse an HTML node's attributes

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related