在頁面加載時更改div背景？

我想更改div區域的背景圖像，而不是每個頁面加載的主體。在頁面加載時更改div背景？

這裏是我的代碼：

<head> 
<script> 
changeBackground(document.maincontent,imgArray);  
</script> 
</head>

然後我的函數看起來像：

<script ="JavaScript" type="text/javascript"> 



function changeBackground(node,images) 
     { 
     node.style.backgroundImage = "url(\""+images[Math.floor(Math.random()*images.length)]+"\")"; 
     } 

var imgArray = new Array(); 
     imgArray[0] = "img/bg1.jpg"; 
     imgArray[1] = "img/bg2.jpg"; 
     imgArray[2] = "img/bg3.jpg"; 
     imgArray[3] = "img/bg4.jpg";  
     imgArray[4] = "img/bg5.jpg"; 

</script>

我發現這一個教程，它的工作對身體，但原因不明不工作div區域？

TIA

來源

2012-02-01 Eric Banderhide

changeBackground(document.getElementById("maincontent"),imgArray);

來源

2012-02-01 11:43:21 mgraph

Insteaf使用：

document.maincontent

使用：

document.getElementById('IdOfDivHere')

這是獲得頁面上的元素的最標準的方式。在您的changeBackground方法中，您可能還需要在操作之前檢查元素的存在：

if(node) 
{ 
    /* Do the work */ 
}

來源

2012-02-01 11:44:13

在頁面加載時更改div背景？

回答

相關問題