点击div改变其他div的背景图片
时间: 2024-04-30 13:03:57 浏览: 52
JavaScript实现点击图片换背景
5星 · 资源好评率100%
可以使用JavaScript来实现此功能。首先,为要点击的div添加一个点击事件,当点击时,获取需要修改背景图片的div元素,然后修改其样式属性backgroundImage的值即可。
HTML代码可能类似以下:
```
<div id="clickDiv">点击我</div>
<div id="changeDiv"></div>
```
然后通过JavaScript来实现:
```
var clickDiv = document.getElementById("clickDiv");
var changeDiv = document.getElementById("changeDiv");
clickDiv.onclick = function() {
changeDiv.style.backgroundImage = "url('新的背景图片地址')";
};
```
以上代码会将新的背景图片地址赋值给changeDiv元素的backgroundImage属性,从而改变其背景图片。
阅读全文