Change image src using JavaScript | Program onClick event Example

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

Give your img tag an id, then access it use getElementById to assign a new image in img change, it will Change image src using.

Simple one line code for it:

Example code change image src using JavaScript

HTML example code to change the src of an img tag Programmatically in JavaScript (JS).

We created a function for change the image dynamically on click button (using onClick event).

Output:

Change image src using JavaScript

Q: How to JavaScript set image src dynamically?

Answer: Use id into img tag and getElementById…Read more

Do comment if you know better example or have suggestion or doubts on this topic.

Note: All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.