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. http://api.jquery.com/attr/ — Vincent Hogendoorn, Sep 25 '13 at 09:17
Duplicate of http://stackoverflow.com/questions/11722400/javascript-change-img-src — Romain Linsolas, Sep 25 '13 at 09:23

score 2 · Accepted Answer · edited May 23 '17 at 10:31

2

As stated here, simply do:

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

edited May 23 '17 at 10:31

Community

1
1

answered Sep 25 '13 at 09:24

Romain Linsolas

79,475
49
202
273

score 0 · Answer 2 · edited Sep 25 '13 at 09:23

0

Try this.

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

edited Sep 25 '13 at 09:23

Amit

15,217
8
46
68

answered Sep 25 '13 at 09:19

Jabran Saeed

5,760
3
21
37

how to change src value using javascript

2 Answers2