js中如果想要一次对一个对象的多个css属性修改应该怎么做？

JavaScript07

js中如果想要一次对一个对象的多个css属性修改应该怎么做？,第1张

你可以先将要修改的css属性都放在一个class中，在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单，如果有需要也可以用jquery的，例子：$("").css({'color':'#ccc','font-size':'12px'})

<script>

//初始化变量

var target = {}

//下面这段可以屏蔽

Object.defineProperties(target, {

sex: {

value: '男'

},

})

//对Object对象进行扩展方法

Object.prototype.setObjectAttrbute = function(key,value){

console.log('有人来设置你了,值为：' + value)

return this[key] = value

}

//再封装一层

Object.prototype.setAge = function(value){

return this.setObjectAttrbute("age",value)

}

//查看修改前属性

console.log(target.age)

//执行方法，两种方法结果一样

console.log(target.setObjectAttrbute("age",99))

console.log(target.setAge(99))

//查看新的target

console.log(target)

</script>

var dc = []

var dc1 = {

type: "car",

value: 4,

clone: function () { return { type: this.type, value: this.value } }

}

for (var i = 0i <5i++)

{

dc1.value = i

dc.push(dc1.clone())

}

for (var i = 0i <5i++)

{

alert(dc[i].value)

}