<div id="d1" class="red">hello</div>
此时可以通过改变class，去修改元素样式：
document.getElementById("d1").className="green"
2、当元素使用直接样式，即
<div id="d1" style="color:red">hello</div>
document.getElementById("d1").style.color="green"
<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>
你可以先将要修改的css属性都放在一个class中，在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单，如果有需要也可以用jquery的，例子：$("").css({'color':'#ccc','font-size':'12px'})
