其实我们直接用.XXX去做一个样式的改变时候 就像我们用window.onload 一样 调用了window对象的onload方法,当然我们用.去直接调用对象中的方法或者内容的时候是严格区分大小的。
其实主要的问题是style. 后面的参数在js内部虚拟机的解析问题,因为你是通过来的参数
就是好比arr 就是width
obj.style.arr = '1px'
这里的arr js会认为arr是css对象中的一个属性
obj.style[arr] = '1px'
这里的arr js会将arr实意后找到css对象中的属性
当然这样也是不行的
obj.style['arr'] = '1px'
我也不知道楼主能不能懂,但是就是这么一个意思,如果楼主质执意要用style.width = xx
可以用过switch进行设置
switch(arr)
case 'width' : obj.style.width = '1px'
css只负责静态样式,无法做任何逻辑运算,如果需要随机背景,需要js配合使用
// 首先,定义一个数组,用于存放所有的背景图片var arr = new Array()
// 将所有背景图放入arr内
arr.push('背景图地址', '背景图地址', '背景图地址')
// 随机获得一个键值
var bg = Math.floor((Math.random() * arr.length))
// 将背景图片放入body的css中
$('body').css('background-image', arr[bg])