前端笔记——element.style和getComputedStyle()和document.styleSheets[0].cssRules[0].style

element.style和getComputedStyle()和document.styleSheets[0].cssRules[0].style这三种方式都返回CSSStyleDeclaration对象，方法：

1、CSSStyleDeclaration.getPropertyValue()返回给定属性的值，参数是css属性名（字符串格式），返回属性值（字符串格式）

2、CSSStyleDeclaration.setProperty()修改现有属性或设置新属性。参数是属性名，属性值，都是字符串格式。

3、CSSStyleDeclaration.removeProperty()删除属性。 参数是css属性名（字符串格式），返回被删除的属性值。

4、CSSStyleDeclaration.item()返回用index标记的属性名

element.style用上面的方法只有setProperty有效，而且是添加的行内样式，可使用element.style.属性名=“属性值”的方式来添加或修改样式，也是在行内样式上操作，无法element.style.属性名=“”的方式删除一个属性。

getComputedStyle()方法返回的CSSStyleDeclaration对象属性都是只读的，只能用CSSStyleDeclaration.getPropertyValue()和CSSStyleDeclaration.item()来获取属性值、属性名。

document.styleSheets[0].cssRules[0].style可以用上面所有的方法，操作的是样式表的属性，而不是操作行内样式，这样可以不用给元素添加行内样式，就可以修改css属性。