javaScript DOM操作(下)

这一节我们来说如果通过dom来间接的操作css

dom.style.prop

这个方法我们可以读取属性也可以往里面写属性，没有兼容性问题。dom.style会返回一个内联的样式表.

需要注意的几点是:

•  通过的dom.style.prop设置的是内联样式, 如果通过选择器设置样式而不是写在内联，那么通过dom.style.prop是获取不到的我们通过非内联的样式的
•  对于保留字，如碰到float这样的关键字属性，前面应加css 即dom.style.cssfloat，但是也可以不加css前缀,但是不建议这样做
•  符合属性必须拆解，组合单词变成小驼峰式写法，例如background-color变为backgroundColor
•  写入的值必须是字符串格式

查询样式window.getComputedStyle(ele,null)

• 该方法第一个参数是获取ele元素的样式，返货的是一个样式表，而且是最后展示在页面上的样式, 并且是经过计算的，例如设置的宽高是百分数，那么获取到的样式表里面的宽高是经过计算的具体的值。第二个参数是用来获取伪类的样式的例如"after",而且获取到的样式表是只读的，不能修改。

查询样式的兼容性问题

• 对于IE及以下我们如果要查询样式的话除了使用dom.style.prop还可以使用ele.currentStyl该方法也返回一个只读的样式表，但是返回的值不是进过计算的，并且是IE的独有方法