JS - Добавление случайный фон для страниц с определенным html.classname

Question

Я добавляю скрипт, который добавляет случайные фоновые изображения для страниц, например, так:

<script type="text/javascript"> 
var totalCount = 25; 
function addBackground() 
{ 
    var num = Math.ceil(Math.random() * totalCount); 
    document.body.background = 'images/'+num+'.png'; 
    document.body.style.backgroundSize = "contain"; 
} 
</script> 

Усложнение, я теперь нужно только добавьте фоны на страницы, у которых есть определенный класс (а не id), добавленный к их элементу html. (У меня нет доступа к изменению способа работы).

Я пробовал использовать getElementsByClassName, но, похоже, я снова получаю Undefined. Каков правильный способ сделать это?

Спасибо!

Answer 1

Получить элемент на странице undefined, что потенциально означает, что при выполнении кода DOM не готов. Если вы не используете jQuery, зарегистрируйтесь $(document).ready equivalent without jQuery.

Поместите свою логику в функцию ready, чтобы убедиться, что элемент (ы) отображается в момент запуска вашей логики.