Uncaught TypeError: Невозможно установить свойство «фон» неопределенной

Question

Я пытаюсь загрузить CSS фоновые изображения на странице загрузки, но я получаю эту ошибку

Uncaught TypeError: Cannot set property 'background' of undefined

function loadBG() { 
    document.getElementsByClassName("img-icon-invite").style.background = "url('<?php echo Yii::app()->theme->baseUrl; ?>/style/home/images/firstProPopup-sprite-new-white.png')"; 
    document.getElementsByClassName("img-icon-verified").style.background = "url('http://dev1.venturepact.com/themes/adminre/style/home/images/firstProPopup-sprite-new-white.png')"; 
} 

window.onload = loadBG(); 

Answer 1

Поскольку getElementsByClassName возвращает массив элементов, Вам нужно указать индекс тоже

document.getElementsByClassName("img-icon-invite")[0].style.background="url('<?php echo Yii::app()->theme->baseUrl;?>/style/home/images/firstProPopup-sprite-new-white.png')"; 

Или с Jquery вы можете сделать,

$(".img-icon-invite").css('background-image', 'url(' + imageUrl + ')'); 

Answer 2

Как вы упомянули JQuery:

function loadBG(){ 
     $(".img-icon-invite").css('background-image', "url('<?php echo Yii::app()->theme->baseUrl;?>/style/home/images/firstProPopup-sprite-new-white.png')"; 
     $(".img-icon-verified").css('background-image',"url('http://dev1.venturepact.com/themes/adminre/style/home/images/firstProPopup-sprite-new-white.png')"; 

} 
$(document).ready(loadBG);