Question

我想更改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

Answer 1

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

Answer 2

使用Insteaf：

document.maincontent

使用：

document.getElementById('IdOfDivHere')

这是获取页面元素的最标准方法。在您的changeBackground方法中，您可能还需要在对其进行操作之前检查元素是否存在：

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

在页面加载时更改div背景？

2 个答案: