Changing src on multiple images - Javascript

Question

How can I change the source of multiple image-tags using pure JavaScript? I'm making a memory game and if the player unveils two images which do not match I need to reset the source of these two. This is my code for doing this so far:

    if (flipLock >= 3) {

        aTag.onclick = null;
        timeoutID = setTimeout(function () {
            var reset = document.getElementsByTagName("img");
            reset.src = "../pics/0.png";
            flipLock = 0;
        }
        , 1000);
    };

adeneo · Accepted Answer · 2013-12-11 12:17:22Z

1

You have to iterate

var reset = document.getElementsByTagName("img");

for (var i=reset.length; i--;) {
     reset[i].src = "../pics/0.png";
}

answered Dec 11, 2013 at 12:17

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

3 Comments

adeneo Over a year ago

@Tibos - it iterates the opposite way, yes, but why would that matter.

adeneo Over a year ago

@Tibos - Nope, it starts with the last element in the list, and ends with the first -> jsfiddle.net/b4QHj

Tibos Over a year ago

Apparently i can't read properly. Didn't see that the decrementation was at the condition check. +1 for the best (and first) answer.

Satish Sharma · Accepted Answer · 2013-12-11 12:18:45Z

0

use loop

var reset = document.getElementsByTagName("img");

for (var i=0; i<reset.length; i++) {
     reset[i].src = "../pics/0.png";
}

answered Dec 11, 2013 at 12:18

Satish Sharma

9,6356 gold badges31 silver badges52 bronze badges

Comments

NARKOZ · Accepted Answer · 2013-12-11 12:24:00Z

0

var reset = document.getElementsByTagName("img");

for (var i=0; i<reset.length; i++) {
     reset[i].src = "../pics/0.png";
}

answered Dec 11, 2013 at 12:24

NARKOZ

28.2k7 gold badges71 silver badges91 bronze badges

Collectives™ on Stack Overflow

Changing src on multiple images - Javascript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related