title: Modify Mixed-Content HTMLs using JavaScript
body: <p>At first I didn't have any SSL certificate in my site because hosting providers didn't allow it.</p>
  
  <p>So, I've transferred my domain to CloudFlare &amp; got a SSL certificate for my site.</p>
  
  <p>For a SSL certificate the contents in the site should be like <code>&lt;img src="**https**://www.example.com/image.png</code> (not <code>&lt;img src="http://www.example.com/image.png"&gt;</code>), otherwise it will show an issue about Mixed-Content.. </p>
  
  <p>So, by following the rules, I did the same thing.. But at the bottom some third-party ads were placed owned by hosting providers which contains <code>http://</code> connection. So as a result I got an untrusted certificate error in the Browsers.</p>
  
  <p>Hosting providers doesn't allow to edit or remove those items by paying or something else.</p>
  
  <p>But CloudFlare already has a system to change all <code>&lt;script src="http://www.example.com/script.js"&gt;&lt;/script&gt;</code> into <code>&lt;script src="https://www.example.com/script.js"&gt;&lt;/script&gt;</code> automatically. But my problem is, it can't change <code>&lt;img src="http://www.example.com/image.png"&gt;</code> into <code>&lt;img src="https://www.example.com/image.png"&gt;</code>.</p>
  
  <p>Is it possible to modify <code>&lt;img src="http://www.example.com/image.png"&gt;</code> into <code>&lt;img src="https://www.example.com/image.png"&gt;</code> using JavaScript?? And will it be resolved if I use JavaScript??</p>