Javascript 在HTML5中加载不同的背景图像

我的要求是，我有2个背景图像（img1 nad img2），当加载页面img1时，应加载该图像，在该图像顶部应创建一个按钮并单击该按钮，背景图像img1应消失，img2必须出现。我想使用HTML5来实现这个场景

---

有人能推荐代码吗？怎么做？

试试这个，当页面加载时，代码会自动加载。因此，您不需要为

onload=”“

事件编写任何JS代码。这样，背景将在加载时自行设置

<div id="div"></div>

然后单击，使用此按钮和该按钮的事件处理程序

<button onclick="changeimage()">Click Me</button>

---

这样，第一个映像将在启动时加载。当按钮上发生单击事件时。src将更改为第二个映像，并将替换为第二个映像。HTML5用于元素，纯JS用于图像替换！：）

图像应作为背景图像。？如果我给出了将图像显示为背景图像的选项？否，那么您需要jQuery..类似这样的..

.style.backgroundImage=“”对于图像，您将使用CSS属性作为
背景图像：
函数changeimage（）不起作用意味着在单击按钮时背景不会改变。请更改与我现在提供给您的背景图像相关的背景图像的值：）
<button onclick="changeimage()">Click Me</button>

function changeimage() {
    document.getElementById("div").style.backgroundImage = "url('link/to/file2.png')";
}