Html 根据用户偏好更改背景

嗨，我想有像5个背景选择，用户只需点击一个框与每个缩略图和网站将动态改变背景。我该怎么做？谢谢你的帮助。

这很简单，也许你需要先学习html和javascript。 首先，您必须准备如下html结构：

 <div class="box" data-bg="img1.jpg"></div>
 <div class="box" data-bg="img2.jpg"></div>
 <div class="box" data-bg="img3.jpg"></div>
 <div class="box" data-bg="img4.jpg"></div>
 <div class="box" data-bg="img5.jpg"></div>

javascript

 var elements = document.getElementsByClassName("box"); // get all elements
 for(var i in elements) { // loop through them
     elements[i].click(function(e) {  // handle click
          document.getElementsByTagName("body")[0].style.backgroundImage = this.dataset().bg;  //change background
     });
 }

---

大家好，欢迎来到stackoverflow@Tuan Dang！如果你不确定你应该问什么以及如何提问，请看一下。为了让我们帮助您解决问题，您需要包括您迄今为止为解决问题所做工作的摘要，以及您解决问题的困难描述。哇，谢谢。我理解其中的css和html部分。我肯定需要熟悉JavaScript部分所说的内容。谢谢

 var elements = document.getElementsByClassName("box"); // get all elements
 for(var i in elements) { // loop through them
     elements[i].click(function(e) {  // handle click
          document.getElementsByTagName("body")[0].style.backgroundImage = this.dataset().bg;  //change background
     });
 }