Uncaught Typeerror: Kann nicht gesetzt Eigenschaft ‚Hintergrund‘ undefinierter

Question

Ich versuche, CSS Hintergrund Bilder auf einer Seite laden zu laden, aber ich erhalte diesen Fehler

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

Da getElementsByClassName kehrt Anordnung von Elementen, Sie benötigen angeben, zu dem Index,

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

Oder mit JQuery können Sie tun,

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

Answer 2

Wie Sie erwähnt 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);