how to change image source in javascript code example

Example 1: javascript change image src

//change image src
document.getElementById('myImageID').src="images/my_other_image.png";

Example 2: how to change image source using javascript

document.getElementById("myImg").src = "hackanm.gif";

Example 3: how to set background image for web page in html local image

body {  background-image: url(/path/to/image.png); }

Example 4: js code to change a immage

<script type="text/javascript">
    function changeImage(a) {
        document.getElementById("img").src=a.src;
    }
</script>
<div id="main_img">
    <img id="img" src="1772031_29_b.jpg">
</div>
<div id="thumb_img">
    <img src='1772031_29_t.jpg'  onclick='changeImage("1772031_29_b.jpg");'>
    <img src='1772031_55_t.jpg'  onclick='changeImage("1772031_55_b.jpg");'>
    <img src='1772031_53_t.jpg'  onclick='changeImage("1772031_53_b.jpg");'>
</div>

Example 5: how to edit image tags in javascript

<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>