javascript string replace with another value

Question

Hello there ,

var s = "width:20px;height:25px;color:red;font-family:myfontfamily";

i have a string like this,now how can i change the values of width,height etc using javascript.there may be a \n after or before the properties (width,height etc)..

Ex : i want to change width to 50px on s. so it will be

var s = "width:50px;height:25px;color:red;font-family:myfontfamily";

My another replated Question is here Regular Expression to get text from css but it not working exactly what i need.

Please help me.

Thank you.

Update : You can see the Result on my fiddle here : http://jsfiddle.net/jitheshkt/s2DJR/14/

Hi. Instead of working with straight CSS strings, why don't you use js built-in styles' modifiers ? Like document.getElementById('thing').style.width = '50px'; — Florian Margaine
– Florian Margaine, Commented Nov 12, 2011 at 9:39
the string s is coming from a editor,not from a web page also i want to back data to that editor.also this is not a dom object,just string. — Red
– Red, Commented Nov 12, 2011 at 9:55

Robert Head · Accepted Answer · 2011-11-12 07:46:03Z

2

Regular expressions.

For example:

s = s.replace(/color:\s*([^;]+)/, "color:" + newvalue)

answered Nov 12, 2011 at 7:46

Robert Head

6135 silver badges9 bronze badges

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

2 Comments

Red Over a year ago

Works well ,but i have a custom value there which is background:url({background}) code breaks here...is there any way to avoid this...

Red Over a year ago

Hi,check this var s = "background-color:white;color:red;" s = s.replace(/color:\s*([^;]+)/, "color:" + 'green'); alert(s); it replacing the background-color value...is there any way to override this ?

Billy Moon · Accepted Answer · 2011-11-12 07:43:07Z

1

var s = "width:20px;\nheight:25px;\ncolor:red;\nfont-family:myfontfamily";

alert( s.replace(/width:\d+/,'width:123').replace(/height:\d+/,'height:456') );

answered Nov 12, 2011 at 7:43

Billy Moon

58.9k27 gold badges148 silver badges244 bronze badges

1 Comment

Red Over a year ago

Thank you ,but works with int values only,i am failed to change the color value.

Collectives™ on Stack Overflow

javascript string replace with another value

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related