find and remove substring in string using regexp in javascript

Question

In Javascript or ruby, i need to find a substring using regex and remove it from my main string which could contain several substrings.

My main string is

 My <style type="">first</style> name <style>is</style> xyz <style>abc</style>.

I need to remove all the text within the style tag including the style tag.

I have tried the following expression and several other variations

(<style .*>[^<>]*?<\/style>)
(<style .*>[^<>]*<\/style>)

The resulting string i want is

My name xyz.

but i could not find the right way. What I get instead is

<style type="">first</style> name <style>is</style> xyz <style>abc</style>

What is the correct regex for this?

Note: cannot use any JS libraries like jquery and others.

change [^<>] to [^<] and this should fix your problems assuming no nested tags. You'll also need to change <style .*> to <style\b[^<].*>, actually. Not every <style> in your example has a type. — Paul S.
– Paul S., Commented Nov 22, 2012 at 13:01

AmbroseChapel · Accepted Answer · 2012-11-22 13:05:13Z

1

This should do it:

str = 'My <style type="">first</style> name <style>is</style> xyz <style>abc</style>.';
str = str.replace("<style[^>]*?>.*?</style>","");

answered Nov 22, 2012 at 13:05

AmbroseChapel

12.1k7 gold badges50 silver badges69 bronze badges

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

Comments

Michael Krelin - hacker · Accepted Answer · 2012-11-22 13:12:02Z

0

'My <style type="">first</style> name <style>is</style> xyz <style>abc</style>.'
.replace(/<style[^>]*>[^<]*<\/style>/g,'');
"My  name  xyz ."

but essentially you're trying to parse xml with regex, which is not really possible.

answered Nov 22, 2012 at 13:12

Michael Krelin - hacker

144k25 gold badges200 silver badges177 bronze badges

Comments

score 0 · Accepted Answer · 2012-11-22 13:23:08Z

0

You could also use DOM parsing to remove the undesired nodes.

var el = document.createElement('div');
el.innerHTML = 'My <style type="">first</style> name <style>is</style> xyz <style>abc</style>.';
var styles = el.getElementsByTagName('style');
for(var i = styles.length - 1; i >= 0; i--){
    console.log(styles);
    el.removeChild(styles[i]);
}
el.innerHTML; // My name xyz

edited Nov 22, 2012 at 13:23

answered Nov 22, 2012 at 13:12

user1726343

Comments

tousif · Accepted Answer · 2012-11-22 13:45:33Z

0

you can try this

[<\/][a-z]+[a-z][ ][a-z]+[=]["]["][>]|[<][\/][a-z]+[>]|[<][a-z]+[>]

and click here for output

answered Nov 22, 2012 at 13:45

tousif

1033 silver badges16 bronze badges

Collectives™ on Stack Overflow

find and remove substring in string using regexp in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related