change an image in javascript with setAttribute code example

Example 1: set img src using javascript

document.getElementById("imageid").src="../template/save.png";

Example 2: insert image using set atribute

var img = document.getElementById("example");
console.log(img.getAttribute("src")); // "images/foo.png"
console.log(img.src);                 // "http://example.com/path/images/foo.png"

Example 3: insert image using set atribute

<img src="images/foo.png">