Replace STYLE content javascript HTML

Question

I have a JavaScript variable:

var s =   
 "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";

First, I am extracting the content inside <style> tags:

s = s.split(/(<style[^>]*>|<\/style>)/i)[2]; 

// s == "body{a:b;c:d}";

Then I am doing something with s and after the manipulation I need to append it on <style> tags.

How can I insert s between <style> and </style> ?

Example: Modified var s = "body{x:h;f:l;}";

so I need the resulting content like this:

 "<html><head><style>body{x:h;f:l;}</style></head><body></body></html>";

Update: jQuery is allowed - But only string manipulation is allowed. Pure JavaScript solutions have first priority.

If you are allowed to use jQuery the answer to this would be much simpler. Please indicate that. — Gabriel
– Gabriel, Commented Nov 25, 2011 at 6:03
jQuery is allowed ,But a neat Javascript solution goes priority.Also i cant convert this to DOM. — Red
– Red, Commented Nov 25, 2011 at 6:04
cool, then yeah the regex solution below seems like the best way. — Gabriel
– Gabriel, Commented Nov 26, 2011 at 18:04

ijse · Accepted Answer · 2011-11-25 07:41:47Z

3

var s  = "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";
var b = s.split(/(<style[^>]*>|<\/style>)/i)[2]; 
s = s.replace(b,"body{x:h;f:l;}");

finally, s is what you want.

answered Nov 25, 2011 at 7:41

ijse

3,0451 gold badge22 silver badges25 bronze badges

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

Comments

Sudhir Bastakoti · Accepted Answer · 2011-11-25 06:09:54Z

0

Does this work for you:

var s  ="body{a:b;c:d}";
    var newS = s.replace("body{a:b;c:d}", "body{x:h;f:l;}");
    alert(s);
    alert(newS);

answered Nov 25, 2011 at 6:09

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

1 Comment

Red Over a year ago

Please take a look at the Question : this is the one that i want to append,please tell me how can i append the news to style tags.

Mike Samuel · Accepted Answer · 2011-11-27 13:41:09Z

0

Use below mentioned code

var someHTML = "<html><head><style>body{a:b;c:d}</style></head><body></body></html>";
var styleContents = someHTML.split(/(<style[^>]*>|<\/style>)/i)[2];
document.getElementById('style').innerHTML = styleContents;

edited Nov 27, 2011 at 13:41

Mike Samuel

121k30 gold badges230 silver badges255 bronze badges

answered Nov 25, 2011 at 6:18

Lochan Rao Pawar

233 bronze badges

1 Comment

Red Over a year ago

Sorry,i cant convert to DOM.Last line makes problems,i cant access like document.getElementById('style').innerHTML ,because all thease are strings.

Collectives™ on Stack Overflow

Replace STYLE content javascript HTML

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related