2016-05-13 70 views
0

我想在页面加载加载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(); 
+0

份额HTML以及 – guradio

+1

'getElementsByClassName'获取值的数组,你在它的名字'getElements' –

+0

看到'getElementsByClassName'返回一个数组,所以你需要访问的每个元素由其索引。 –

回答

3

由于元素getElementsByClassName返回数组,你需要财产“背景”指定指数也

​​

或者使用jQuery你可以做,

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

至于你提到的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); 
相关问题