如何在JS里添加DIV背景

JavaScript010

如何在JS里添加DIV背景,第1张

思路：

获取元素

修改元素的CSS样式

代码：

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

<script>

    var oDiv = document.getElementById('div')

    with(oDiv){

        background:'#ccc',

        width:'100px',

        height:'100px'

    }

</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)'

-----