137.DOM效果实现：百度换肤

案例html与css代码如下

<style>
			body{
				background-image: url(./src/7.jpg);
				background-size: 100% 800px;
			}
			img{
				width: 120px;
				height: 60px;
			}
		</style>
		<img src="./src/7.jpg">
		<img src="./src/8.jpg">
		<img src="./src/9.jpg">

效果为如下

1. 获取元素div1，div2，div3，body

var imgs=document.getElementsByTagName("img")
var srcarr=["./src/7.jpg","./src/8.jpg","./src/9.jpg"]

2.设计点击事件将对应的src给body属性

imgs[i].onclick=function(){
					document.body.style.backgroundImage=`url("${srcarr[i]}")`
				}

3.for循环

for(let i=0;i<imgs.length;i++){
				imgs[i].onclick=function(){
					document.body.style.backgroundImage=`url("${srcarr[i]}")`
				}
			}