DOM脚本化css

读写元素css属性

dom.style.prop
可读写行间样式，没有兼容性问题，碰到float这样的关键字属性，前面应加css
eg:float — > cssFloat
符合属性必须拆解，组合单词变成小驼峰式写法
写入的值必须是字符串格式

查询计算样式

window.getComputedStyle(ele,null);
null是"after"等伪元素,获取元素的宽高
计算样式只读
返回的计算样式的值都是绝对值，没有相对单位
IE8 及 IE8以下不兼容
查询样式
ele.currentStyle
计算样式只读
返回的计算样式的值不是经过转换的绝对值
IE独有的属性
封装兼容性方法getStyle(obj,prop);

    function getStyle(elem,prop){
            if(window.getComputedStyle){
                return window.getComputedStyle(elem,null)[prop];
            }else{
                return elem.currentStyle[prop];
            }

改变伪元素?
可以通过改变class类预设值来改变样式