DOM操纵样式表

操纵元素的Style样式属性：

  在DOM中，对于每个CSS样式，Style对象都包含了一个相对应的属性，只不过格式虐有不同。JS样式属性：sytle.backgoudColor  style.color  style.font  style.fontFamily  style.fontWeight  跟CSS样式属性格式有所不同，CSS是 backgroud-color

  在JS中，我们只需要讲一个CSS字符串赋值给style对象的属性，就可以改变某个样式值。通过style对象，我们还可以得到任何内联样式的值。

  DOM中为style对象提供了几个方法，所有这些方法是用来与CSS样式定义的单个部分交互的：

getPropertyValue(propertyName)——返回CSS属性的属性值的字符串值

getPropertyRriority()——如果在CSS属性规定中指定了“!important”，则返回字符串“important”，否则返回一个空字符串

item(index)——返回指定索引的CSS属性名称

removeProperty(propertyName)——从CSS定义中删除propertyName

setProperty(propertyName,value,priority)——设置CSSpropertyName为value以及给定的优先级

操纵外部样式表及Style元素中的样式：

  使用DOM的style对象的相关属性获取元素的CSS样式都是针对于元素的style属性而言，也就是说只针对内联样式。对于外部样式表以及通过XHTML的style元素中定义的样式来说，style对象就无能为力了。

  DOM指定了一个样式表对象，改对象有如下属性：

disabled——指示样式表是否disabled

hred——外部样式表的URL；对于style元素该值为null（Mozilla浏览器会返回页面的地址）

media——在media属性中指定的可以始终样式表的媒体类型列表

ownerNode——指定样式表的DOM节点（<link/>或者<style/>元素）。IE不支持此属性

parentStyleSheet——如果样式表被包含在CSS@import语句中，本属性指向语句发现的样式。

title——通过HTML的title属性指定的样式表标题（<>link/和<style/>都可以有title属性）

type——样式表的mime类型：对于CSS，通常是text/css

操纵最终样式：

  一个元素可能有多个样式作用于其上，最终在屏幕上显示的样式，我们称为最终样式。最终样式由所有的样式信息（包括内联样式和CSS规则）组成，用来真实指示元素在屏幕是如何显示的。IE和DOM在其实现方式上又一次不同。