Change img src on page reload by class name

Asked Jul 03 '18 at 08:08

Active Jul 03 '18 at 08:09

Viewed 24 times

I want to change the image src in my header with the class name custom-logo to load one of those images in my array on a page reload. This doesn't seem to be working:

var images = [
  'Logo-1.jpg',
  'Logo-2.jpg',
  'Logo-3.jpg',
  'Logo-4.jpg'
]

var which = Math.floor(Math.random() * images.length);
var img = document.getElementByClassName('custom-logo');
img.src = images[which];

edited Jul 03 '18 at 08:09

Satpal

132,252
13
159
168

asked Jul 03 '18 at 08:08

Demonix

`img` will be a collection of elements. use `img[0].src = ...`, assuming you only have one `.custom-logo` element – Rory McCrossan Jul 03 '18 at 08:09
Should be `getElementsByClassName` - Elements – Pete Jul 03 '18 at 08:09
1

@Pete I always miss that one :) – Rory McCrossan Jul 03 '18 at 08:10

Change img src on page reload by class name

0 Answers0