JS中如何设置背景图片？

方法一：  　　

预先设置好一个样式，当用到的时候，只需要给这个对象添加一个类名就行了。

eg: 

css中：
.bj {
      background: url(star.jpg) no-repeat center;
      background-size: cover;
}   
js中：
oBox.className = "bj";

方法二：

直接使用JS的元素属性style

1 oBox.style.backgroundImage = "url(star.jpg)";//设置背景图的的地址
2 oBox.style.backgroundRepeat = "no-repeat";//设置背景不平铺
3 oBox.style.backgroundPosition = "center";//设置背景图的位置
4 oBox.style.backgroundSize = "cover";//设置背景图像的尺寸

 

转载于:https://www.cnblogs.com/hm-08042/p/11431514.html