html - Replace an image wherever it is used - Javascript -


i'm looking way replace image used anywhere on page.

so if have example html page this:

<html>    <head>    </head>     <body>         <img id="1" src="example.com/img/1889.png">         <div style="background: url('example.com/img/1889.png')">        <div>         <a>            <img id="2" src="example.com/img/1889.png">        </a>     </body>  </html> 

where ever - example.com/img/1889.png - appears, must replaced else.

edit

unfortunately can't use javascript libraries. browser plugin. nor can use browser specific apis

there might syntax errors here, try like:

<script>     var imgs = document.getelementsbytagname("img");     (var = 0; < imgs.length; i++) {         if (imgs[i].src == "oldimg")             imgs[i].src = "newimg";         }     }     var divs = document.getelementsbytagname("div");     (var = 0; < divs.length; i++) {         if (divs[i].style.backgroundimage == "oldimg")             divs[i].style.backgroundimage = "newimg";         }     } </script> 

Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -