脚本化CSS

读写元素css属性

dom.style —-> 只有这个方法可以写css属性
返回的是类数组形式的可读写行间样式表（即单独写在外面的css是不会显示出来的） 没有兼容性问题
若碰到float这样的关键字属性 前面应加css 如 div.style.cssFloat
速写属性建议拆解来写
组合单词变成小驼峰式写法
写入的值必须是字符串格式

查询计算样式

1 window.getComputedStyle(elem,null);
计算样式只读 返回的计算样式的值都是绝对值 这些样式写在什么位置都可以获取 没有相对单位 即会返回计算后的结果
IE8 及 IE8以下不兼容
若想单独获得某个样式
如 window.getComputedStyle(elem,null)[‘height’];
null参数的位置是可以获取伪元素选择器的样式的
如 window.getComputedStyle(elem,”after”);
2 elem.currentStyle
计算样式只读 返回的计算样式的值不是经过转换的绝对值 IE独有的属性
封装兼容性方法getStyle(obj,prop);

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