add img src in javascript code example

Example 1: javascript change image src

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

Example 2: set img src using javascript

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

Example 3: javascript set image src

// Pure JavaScript to Create img tag and add attributes manually ,
var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

// Set src in pic1
document["#pic1"].src = searchPic.src;

// or with getElementById

document.getElementById("pic1").src= searchPic.src;

// jQuery to archive this,
$("#pic1").attr("src", searchPic.src);

Example 4: 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 5: how to edit image tags in javascript

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