思路:
获取元素
修改元素的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)'
-----