JS中如何设置背景图片?

Posted hm-08042

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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";//设置背景图像的尺寸

 

以上是关于JS中如何设置背景图片?的主要内容,如果未能解决你的问题,请参考以下文章

如何仅在 Vue.js 中模糊 svg 背景?

用JS文件如何设置奇数表格行背景和偶数表格行背景

如何设置 D3.js svg 的背景颜色?

jsp中js实现点击按钮更改背景图片

如何在 React js 中的 div 上设置背景图像?

如何在C语言中添加背景图片