javascript脚本化CSS系列和封装兼容方法的getStyle(obj, prop)方法

脚本化CSS

读写元素

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

查询计算样式

  • window.getComputedStyle(ele, null);
    • eg : window.getComputedStyle(elem, 'before'), 这样取的是伪元素的样式表
  • 计算 只读 样式
  • 返回的计算样式的值都是绝对值, 没有相对单位
  • IE8以及IE8以下不兼容

查询样式

  • ele.currentStyle
  • 计算样式只读
  • 返回的计算样式的值不是经过转换的绝对值
  • IE独有的属性

封装兼容方法getStyle(obj, prop);

function getStyle(elem, prop,fakeNode) {
    if(window.getComputedStyle){
        return window.getComputedStyle(elem, fakeNode)[prop];
    }else{//低版本IE
        return elem.currentStyle[prop];
    }
}

学到这里的朋友们就可以自己尝试去做一个轮播图了, 下面附上我自己做的轮播图代码链接, http://blog.csdn.net/c_kite/article/details/53190653

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容