js改变body背景图片的代码
时间: 2023-11-15 10:05:44 浏览: 34
可以使用以下 JavaScript 代码来改变 body 背景图片:
```javascript
document.body.style.backgroundImage = "url('path/to/image.jpg')";
```
其中,`path/to/image.jpg` 是你要设置的图片的路径。你可以将其替换为你自己的图片路径。
相关问题
select便签选择背景图片,js改变body背景图片的代码
HTML代码:
```html
<select id="bg-select">
<option value="">选择背景图片</option>
<option value="bg1.jpg">图片1</option>
<option value="bg2.jpg">图片2</option>
<option value="bg3.jpg">图片3</option>
</select>
```
JavaScript代码:
```javascript
const bgSelect = document.getElementById("bg-select");
bgSelect.addEventListener("change", function() {
const bgImage = this.value;
document.body.style.backgroundImage = `url(${bgImage})`;
});
```
当用户选择不同的选项时,`change`事件会被触发,然后根据所选的值来设置背景图片。注意,这里的背景图片路径是相对于HTML文件的。
js 动态改变body的背景图片
可以使用 JavaScript 动态改变 `body` 元素的背景图片。具体步骤如下:
1. 找到 `body` 元素。可以使用 `document.body` 或 `document.querySelector('body')` 选取。
2. 使用 `style` 属性来设置 `backgroundImage` 样式,赋值为要设置的图片 URL。
例如,如果你要设置 `body` 元素的背景图片为 `example.jpg`,你可以在 JavaScript 中使用以下代码:
```javascript
document.body.style.backgroundImage = "url('example.jpg')";
```
这将会将 `body` 元素的背景图片设置为 `example.jpg`。如果你想移除背景图片,可以将 `backgroundImage` 样式设置为空字符串:
```javascript
document.body.style.backgroundImage = "";
```