JavaScript实现更换背景图片

给4个小图片利用循环注册点击事件当我们点击了这个图片时,让页面背景改为当前的图片。

 

1、我们先在body标签中添加一个div,div中添加4个img标签来分别存放4张图片。

2、第二步我们在scrip标签中编写js代码,利用循环输入我们想实现的效果

(1)我们利用document.getElementsByClassName('photo')获取4个img图片并返回,我们知道document的这个方法返回的是一个数组。

随后我们根据题意使用for循环来遍历我们得到的数组list_div,通过循环给每个图片,也就是数组中的每个元素添加click事件,函数中我们将img中的图片路径赋值给网页背景,这样就完成了题目的要求。

当然,别忘记设置css样式哦。

你可能感兴趣的:(JavaScript,javascript,前端,html)