使用JS函数更改背景图片可以通过以下步骤实现:
<div id="myDiv"></div>
#myDiv {
background-image: url(default.jpg);
background-size: cover;
width: 100%;
height: 100%;
}
getElementById
方法获取到该元素,并使用style.backgroundImage
属性来更改背景图片的URL:function changeBackgroundImage() {
var element = document.getElementById("myDiv");
element.style.backgroundImage = "url(new.jpg)";
}
<button onclick="changeBackgroundImage()">更改背景图片</button>
这样,当点击按钮时,JS函数changeBackgroundImage
会被调用,背景图片会从默认的default.jpg
更改为new.jpg
。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
请注意,以上答案仅供参考,具体实现方式可能因项目需求和环境而异。
领取专属 10元无门槛券
手把手带您无忧上云