动态设置 div 背景图
时间: 2023-11-18 14:12:15 浏览: 202
你可以使用 JavaScript 动态设置 div 的背景图片。具体步骤如下:
1. 获取需要设置背景图片的 div 元素,可以使用 document.getElementById() 方法获取。
2. 使用 style 属性设置 div 的背景图片,如下所示:
```
var div = document.getElementById("yourDivId");
div.style.backgroundImage = "url('yourImage.jpg')";
```
其中,"yourDivId" 是你需要设置背景图片的 div 元素的 id,"yourImage.jpg" 是你想要设置的背景图片的路径。
3. 如果你想要在不同的条件下设置不同的背景图片,你可以在 JavaScript 中获取条件,然后根据条件设置不同的背景图片,如下所示:
```
var div = document.getElementById("yourDivId");
if (yourCondition) {
div.style.backgroundImage = "url('yourImage1.jpg')";
} else {
div.style.backgroundImage = "url('yourImage2.jpg')";
}
```
其中,yourCondition 是你的条件,yourImage1.jpg 和 yourImage2.jpg 是你想要设置的两个不同的背景图片的路径。
阅读全文