RegEx for extracting tag attributes

Question

Say, I have a string like

<body class="body-element" style="background: red;"><div class="inner">...</div></body>

I would like to extract all attributes of body tag. As for jQuery parsing ignores body tag I can't use it. So, how to do it using regular expressions?

I need to extract attributes only from the body tag.

Consider document.querySelector('body').attributes instead. — Walk
– Walk, Commented Apr 20, 2019 at 17:56
@Walk is this solution cross-platform? And I don't have any document object, it's just a string. — mimic
– mimic, Commented Apr 20, 2019 at 17:57
In that case you can parse it first: (new DOMParser()).parseFromString('<body class="body-element" style="background: red;"></body>', 'application/xml').querySelector('body').attributes. Check developer.mozilla.org/en-US/docs/Web/API/DOMParser — Walk
– Walk, Commented Apr 20, 2019 at 18:02

ziggy wiggy · Accepted Answer · 2019-04-20 18:02:48Z

3

Use a DOMParser, get the .body and then its .attributes.

var s = '<body class="body-element" style="background: red;"><div>...</div></body>';

var attrs = new DOMParser().parseFromString(s, "text/html").body.attributes;

for (const a of attrs) console.log("%s = %s", a.name, a.value);

answered Apr 20, 2019 at 18:02

ziggy wiggy

1,0777 silver badges6 bronze badges

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

Comments

Emma Marcier · Accepted Answer · 2019-04-20 18:02:26Z

0

This RegEx might help you to divide your input HTML string into two groups and get the desired attributes:

([a-z]+)="([A-Za-z0-9_\-\:\s;]+)

You might add other chars to [A-Za-z0-9_\-\:\s;], if necessary.

answered Apr 20, 2019 at 18:02

Emma Marcier

27.8k12 gold badges49 silver badges71 bronze badges

1 Comment

mimic Over a year ago

Thanks but I need to extract attributes only from body tag. This regex will catch all of them.

Collectives™ on Stack Overflow

RegEx for extracting tag attributes

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related