RegEx to extract all HTML tag attributes including inline JavaScript

Posted by Mike on Stack Overflow See other posts from Stack Overflow or by Mike
Published on 2010-03-08T10:04:42Z Indexed on 2010/03/08 10:06 UTC
Read the original article Hit count: 449

Filed under:

regex

|

tag

|

html

|

attributes

I found this useful regex code here while looking to parse HTML tag attributes:

(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|[>"']))+.)["']?

It works great, but it's missing one key element that I need. Some attributes are event triggers that have inline Javascript code in them like this:

onclick="doSomething(this, 'foo', 'bar');return false;"

Or:

onclick='doSomething(this, "foo", "bar");return false;'

I can't figure out how to get the original expression to not count the quotes from the JS (single or double) while it's nested inside the set of quotes that contain the attribute's value.

© Stack Overflow or respective owner

Related posts about regex

Find multiple regex in each line and skip result if one of the regex doesn't match

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a list of variables: variables = ['VariableA', 'VariableB','VariableC'] which I'm going to search for, line by line ifile = open("temp.txt",'r') d = {} match = zeros(len(variables)) for line in ifile: emptyCells=0 for i in range(len(variables)): regex = r'('+variables[i]+r')[:|=|\(](-… >>> More
OWASP Regex Repository: Is this regex correct?

as seen on Stack Overflow - Search for 'Stack Overflow'
I was looking at the regular expression for validating various data types from the (OWASP Regex Repository). One of the regular expressions in there is called safetext and looks like: ^[a-zA-Z0-9\s.\-]+$ My first question is: Is this regular expression correct? complementary question If this… >>> More
Make a Perl-style regex interpreter behave like a basic or extended regex interpreter

as seen on Stack Overflow - Search for 'Stack Overflow'
I am writing a tool to help students learn regular expressions. I will probably be writing it in Java. The idea is this: the student types in a regular expression and the tool shows which parts of a text will get matched by the regex. Simple enough. But I want to support several different regex… >>> More
JS regex isn't matching, even thought it works with a regex tester

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm writing a piece of client-side javascript code that takes a function and finds the derivative of it, however, the regex that's supposed to match with the power rule fails to work in the context of the javascript program, even though it sucessfully matches when it's used with an independent regex… >>> More
c# RegEx with "|"

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to be able to check for a pattern with | in them. For example an expression like d*|*t should return true for a string like "dtest|test". I'm no regex hero so I just tried a couple of things, like: Regex Pattern = new Regex("s*\|*d"); //unable to build because of single backslash Regex Pattern… >>> More

Related posts about tag

Ubuntu and Windows 8 shared partition gets corrupted

as seen on Super User - Search for 'Super User'
I have a dual boot (Ubuntu 12.04 and Windows 8) system. Both systems have access to an NTFS "DATA" partition which contains all my images, documents, music and some application data like Chrome and Thunderbird Profiles which used by both OS. Everything was working fine in my Dual boot Ubuntu/Windows… >>> More
Removing everything between a tag (including the tag itself) using Regex / Eclipse

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm fairly new to figuring out how Regex works, but this one is just frustrating. I have a massive XML document with a lot of blahblahblah tags. I want to basically remove any and all instances of . I'm using Eclipse and have tried a few examples of Regex I've found online, but nothing works. <description>(… >>> More
How can I 301 redirect domain.com/tag/* to domain.com/blog/tag/*

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I am trying to redirect links to domain.com/tag/* to domain.com/blog/tag/* (where * is the actual tag name - eg music so domain.com/tag/music would redirect to domain.com/blog/tag/music) I have been trying but I just can't wrap my head around it. Any help would be appreciated. Thanks >>> More
Rails AtomFeedBuilder Entry :Url option appears in url tag but not in link tag

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm using the AtomFeedHelper and everything is working fine except for one feed where I need to link each entry to a URL which is not the default polymorphic_url for the record. Per the documentation I've specified an :url option for the entry. This correctly renders a <url> tag in… >>> More
jQuery: Insert html from "title" tag into a "span" of a H2 tag

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey guys, Say I had the following HTML: <h2>Heading <span></span></h2> <ul> <li><a href="#" title="I am wanting to be in H2!">Something</a></li> <li><a href="#" title="I too am wanting to be in H2!">Something else</a></li> </ul> I… >>> More