Change Img Src From 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: how to edit image tags in javascript

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

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?