如何在JS中为标签添加背景图片

JavaScript029

如何在JS中为标签添加背景图片,第1张

<script type="text/javascript" language="javascript">

document.getElementById("form1").style.backgroundImage = "目标图片"

</script>

有两种比较直接的方式,

第一种方法:预先设置一个样式,然后在js中操作,给div加上这个class。

html代码:

-----

<div id="test"></div>

-----

预先设置一个样式:

-----

.bg {

background-image: url(xxx.jpg)

}

-----

然后js获取这个div,给div加上名为bg的class

-----

var div = document.getElementById('test')

div.className += ' bg'

-----

第二种方法,直接设置div的style属性:

-----

var div = document.getElementById('test')

div.style.backgroundImage = 'url(xxx.xxx)'

-----