how to use setAttribute to change images in javascript? code example

Example 1: 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 2: insert image using set atribute

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