加载时更改背景和文本的JavaScript数组

加载时更改背景和文本的JavaScript数组,javascript,arrays,Javascript,Arrays,我试图在加载时更改文章的背景图像和文章中的标题文本。这两个项目需要相互吻合,所以随机性不是一个选项。我也不希望它在一段时间内改变,只是在加载时。有人有过类似的经历吗 谢谢从您的问题和评论中还不完全清楚您想做什么,但下面是一个示例,说明如何存储一些分组的图像和文本,并在加载文档时使用这些数据动态更改DOM var backgroundAndText = [ {background:'http://example.com/image1.jpg', text:'This is text #1.'}

我试图在加载时更改文章的背景图像和文章中的标题文本。这两个项目需要相互吻合,所以随机性不是一个选项。我也不希望它在一段时间内改变,只是在加载时。有人有过类似的经历吗


谢谢

从您的问题和评论中还不完全清楚您想做什么,但下面是一个示例,说明如何存储一些分组的图像和文本,并在加载文档时使用这些数据动态更改DOM

var backgroundAndText = [
  {background:'http://example.com/image1.jpg', text:'This is text #1.'},
  {background:'http://example.com/image2.jpg', text:'This is text #2.'},
  {background:'http://example.com/image3.jpg', text:'This is text #3.'}
];
var loadNewContent = function(o) {
  document.getElementById('marquee').style.backgroundImage = o.background;
  document.getElementById('text').innerHTML = o.text;
};
document.body.onload = function() {
  loadNewContent(backgroundAndText[0]);
};

因此,每次加载页面时都需要不同的背景/标题文本?在加载文档时更改DOM是一项简单的任务;数组与你的问题有什么关系?我需要它从一个包含三个变量的列表中进行选择。我将澄清我想要将背景作为样式添加到文章元素中。HTML是@ AdHyy:请考虑编辑你的问题,包括更详细的信息-你所包括的细节越多,你得到的答案的质量越好。我认为您的思路是正确的,我希望背景作为样式应用于marquee元素,文本应用于text元素,并且两者都更改为onload。我认为你的解决方案非常接近我想要的,但我在实现它时遇到了困难。如果它有帮助,我这里有一个代码链接。我从backgroundAndText定义中删除了最后一个逗号和注释,因此它是有效的JavaScript,请参阅我更新的答案。