Replace specific string using javascript regex

Question

I have string like this,

var str="<svg width='321' height='987'></svg>";

I want to replace width and height of this string using JavaScript(widht and height is dynamic here). I tried this

str.replace("width='", "width='100%");

But i know this will not work. i dont know how to replace text within specific string in javascript. Output should looks like,

var str="<div width='100%' height='100%'></div>";

Replace should be only for first occurrence within string.

str.replace("width='", "width='100%"); @Meena but dont know how to only replace text within `width` — Himanshu Bhardiya, Oct 24 '16 at 09:28

score 4 · Answer 1 · edited May 23 '17 at 11:48

4

Don't try to do regex/string stuff on chunks of HTML. Use the browser to parse it:

var str = "<svg width='321' height='987'></svg>";

var tempWrapper = document.createElement("div");
tempWrapper.innerHTML = str;
tempWrapper.firstChild.setAttribute("width", "100");
tempWrapper.firstChild.setAttribute("height", "100")

console.log(tempWrapper.innerHTML);

document.querySelector(".myPage").innerHTML = tempWrapper.innerHTML;

svg { border: 1px solid red; }

<div class="myPage"></div>

edited May 23 '17 at 11:48

Community

1
1

answered Oct 24 '16 at 09:29

user3297291

22,592
4
29
45

but i have no image tag there, i have custom html code which has custom height and width attribute. – Himanshu Bhardiya Oct 24 '16 at 09:30
It can be any valid HTML tag that supports those attributes. – user3297291 Oct 24 '16 at 09:33
Again, it can be any tag that can be parsed to valid HTML. I've changed the snippet to show how the `str` ends up as a 100 x 100 ` – user3297291 Oct 24 '16 at 09:40

Replace specific string using javascript regex

1 Answers1