JS中如何设置背景图片?

拈花ヽ惹草 提交于 2019-11-28 22:41:23

方法一:    

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

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";//设置背景图像的尺寸

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!