// 一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式
var obj = document.getElementById('box');
obj.style.background = 'black';
// 二、通过Element对象的getAttribute()、setAttribute()、removeAttribute()直接读写style属性
// obj.setAttribute('style','background:red;width:30px;height:30px;');
// 三、通过CSSStyleDeclaration对象的cssText属性和setProperty()、removeProperty等方法
obj.style.cssText ='background:red;width:30px;height:30px';
var obj = document.getElementById('box');
obj.style.background = 'black';
// 二、通过Element对象的getAttribute()、setAttribute()、removeAttribute()直接读写style属性
// obj.setAttribute('style','background:red;width:30px;height:30px;');
// 三、通过CSSStyleDeclaration对象的cssText属性和setProperty()、removeProperty等方法
obj.style.cssText ='background:red;width:30px;height:30px';
obj.style.removeProperty('background');//需区分removeProperty和removeAttribute的区别
removeAttribute删除指定的属性,removeProperty删除指定样式,
obj.style.cssText = ''; //快速清空该规则的所有声明