Home/ Questions/Q 8830241
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T08:01:45+00:00

I have an html string and I want to replace any instance of an

  • 0

I have an html string and I want to replace any instance of an html attribute being set with single quotes with double quotes.

So for example, I want to replace 

<script src='foo.js'></script>

with 

<script src="foo.js"></script>

However, I want to do this without affecting any single quotes that might be in javascript statements or in text within the html.

Eg

<script> var foo = '67'; </script>

should be unaffected and

<div id='foo'> 'hi' </div>

should become

<div id="foo"> 'hi' </div>

Is there any easy way to do this?

For a given element selecting it with jquery and then reading its outerHTML does this but I want to do it to an entire page of html all at once.

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Answering my own question as I think the easiest solution to this is what is shown in this fiddle and does not require jquery or regexps:

    http://jsfiddle.net/QdUR5/1/

    <html id="foo"></html>​
var htmlString = 
  '<head>' +
  '<script type="text/javascript" src=\'main.js\'></scr' + 'ipt>' +
  '</head>' +
  '<body onload=\'onLoad()\'>' +
  '</body>' ;

document.getElementById('foo').innerHTML = htmlString;
console.log(document.getElementById('foo').outerHTML);

    ​

    Basically you just need to set the inner html of an html element to the html string without the html tags and then output the html elements outer html.

    I think that is a bit simpler than using a regexp although that is an awesome regexp Mike 🙂

    • 0