how to change src value using javascript

Question

<div id="3" class="dsi" onmousedown="test(3);" ondrop="checkImg('3');dropIt(event,3);" ondragover="event.preventDefault();">

<img src="1.gif" draggable="true" ondragstart="dragIt(event,4);" id="pic4" />

I want to change src value using javascript. There are nine dives and they already have 1 to 9 gif images. How can I add new src values leaving the rest of the things unchanged? (I mean draggable="true" ondragstart="dragIt(event,4);" id="pic4")

function ft1() {
            var imgSrcs = ['2.gif', '1.gif', '3.gif', '4.gif', '5.gif', '6.gif', '7.gif', '8.gif'];
            var myImages = [];
            for (var i = 0 ;i <=((imgSrcs.length)-1);i++) {
                var v = i;
                var img = new Image();
                img.src = imgSrcs[i];
                var div0 = document.getElementById(v+1);
                div0.appendChild(img);
                myImages[v+1] = img;
            }

Using this I can replace div images. But how can I remove first assigned src value and then replace new images?

if you use jQuery you can use the .attr() function. With .attr() you can set the value of attributes. api.jquery.com/attr — Vincent Hogendoorn
– Vincent Hogendoorn, Commented Sep 25, 2013 at 9:17
Duplicate of stackoverflow.com/questions/11722400/javascript-change-img-src — Romain Linsolas
– Romain Linsolas, Commented Sep 25, 2013 at 9:23

Community · Accepted Answer · 2017-05-23 10:31:56Z

2

As stated here, simply do:

document.getElementById("pic4").src="...";

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Sep 25, 2013 at 9:24

Romain Linsolas

82.1k52 gold badges207 silver badges277 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amit · Accepted Answer · 2013-09-25 09:23:43Z

0

Try this.

$('.img').attr('src','http://source');

edited Sep 25, 2013 at 9:23

Amit

15.4k8 gold badges49 silver badges69 bronze badges

answered Sep 25, 2013 at 9:19

Jabran Saeed

6,2184 gold badges24 silver badges38 bronze badges

Collectives™ on Stack Overflow

how to change src value using javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related