Javascript 在ID加载时更改背景

我想知道如何在Id加载时更改我的背景。现在背景设置为预加载程序的颜色。我已经想出了如何在负重的情况下隐藏加载器，但是有人帮我把背景改成图片。还有，当加载程序出现时，主体的元素会弹出，那么有什么方法可以隐藏它吗？后台链接位于后台1 id中

函数hidespinner（）{
document.getElementById（'spinner'）.style.display='none'；
document.getElementById（'heading'）.style.display='none'；
document.getElementById（'background1'）.style.display.backgroundImage='url(https://s28.postimg.org/rbexyjiil/IFBAKGROUND1.jpg)';
}

html{
背景色：#ace5f4；
背景尺寸：封面；
}
#纺纱机{
高度：50px；
宽度：50px；
左：0；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
位置：固定；
}
#内旋器{
高度：50px；
宽度：50px；
位置：绝对位置；
边框：5px实心透明；
不透明度：0.7；
边界半径：100%；
动画名称：旋转；
动画迭代次数：无限；
动画计时功能：轻松；
}
#微调器内部：第n个子对象（1）{
边框顶色：白色；
边框底色：白色；
动画持续时间：2秒；
}
#微调器内部：第n个子对象（2）{
左边框颜色：#3bb3ee；
右边框颜色：#3bb3ee；
动画持续时间：3s；
}
#微调器内部：第n个子对象（3）{
边框顶部颜色：#34abdb；
边框底色：#34abdb；
动画持续时间：4s；
}
@关键帧旋转{
从{
变换：旋转（0度）
}
到{
变换：旋转（360度）
}
}
#标题{
颜色：白色；
字体系列：Helvetica；
文本对齐：居中；
字体大小：72px；
}
#背景1{
背景：url(https://s28.postimg.org/rbexyjiil/IFBAKGROUND1.jpg)无重复中心固定；
背景尺寸：封面；
}

v机组人员
喂，旋转器开着吗？

您可以尝试在内容顶部添加加载div，并隐藏/显示加载顺序，直到数据出现

onReady（函数（）{
toggleClass（document.getElementById（'page'），'hidden'）；
toggleClass（document.getElementById（'loading'），'hidden'）；
});
函数onReady（回调）{
var intervalID=window.setInterval（函数checkReady（）{
if（document.getElementsByTagName（'body'）[0]！==未定义）{
窗口。clearInterval（intervalID）；
回调。调用（此）；
}
}, 1000);
}
// http://youmightnotneedjquery.com/
函数切换类（el，类名）{
if（el.classList）el.classList.toggle（className）；
否则{
var classes=el.className.split（“”）；
var existingIndex=classes.indexOf（className）；
if（existingIndex>=0）classes.splice（existingIndex，1）；
else class.push（className）；
el.className=classes.join（“”）；
}
}

正文{
背景：#FFF url（“http://i.imgur.com/KheAuef.png）左上角重复-x；
字体系列：“笔墨MT”，草书；
}
h1{
字号：2em；
边缘底部：0.2米；
填充底部：0；
}
p{
字号：1.5em；
边际上限：0；
填充顶部：0；
}
#装载{
位置：绝对位置；
排名：0；
左：0；
z指数：100；
宽度：100vw；
高度：100vh；
背景色：rgba（192,192,192,0.9）；
背景图像：url（“http://i.stack.imgur.com/MnyxU.gif");
背景重复：无重复；
背景位置：中心；
}
.隐藏{
显示：无！重要；
}

标准Lorem-Ipsum通道

欢迎来到SO。请先到，然后阅读并提供答案。如果周围的人能够很容易地阅读和理解你的意思，或者问题是什么，他们会更愿意帮助：）但请记住，帮助你的社区也是如此，因此，请向我们展示一些您弄糟的代码，我们很乐意帮助您改进它……您可能需要使用一些Javascript。我创建此代码是为了回答另一个与加载相关的问题：首先：

document.getElementById（'background1'）。style.display.backgroundImage='url(https://s28.postimg.org/rbexyjiil/IFBAKGROUND1.jpg)'; 

我认为

.display

不应该在那里。它本身就是一个属性，就像

backgroundImage

。