Programmatically change the src of an img tag

Question

How can I change the src attribute of an img tag using javascript?

Answer 1

You can use both jquery and javascript method: if you have two images for example:

1)Jquery Method->

$(".image2").attr("src","image1.jpg");

2)Javascript Method->

var image = document.getElementsByClassName("image2");
image.src = "image1.jpg"

For this type of issue jquery is the simple one to use.