美文网首页
JavaScript获取元素计算后样式的封装

JavaScript获取元素计算后样式的封装

作者: 帅气的刘小二 | 来源:发表于2017-06-16 14:37 被阅读0次

    getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象(计算后样式的集合)。只能获取样式,不能设置。
    语法: window.getComputedStyle("元素", "伪元素");
    参数:第二个参数有可以省略。
    eg: <div id="box"></div>
    var box=document.getElementById("box");
    console.log(getComputedStyle("box");)
    //获取box的所有的集合
    以下兼容ie
    function getCss(obj,attr) {
    if(obj.currentStyle) {
    return obj.currentStyle[attr];}else {
    return window.getComputedStyle(obj)[attr];}
    }
    用法 :获取box的宽度getCss(box,‘width’),返回值带px

    相关文章

      网友评论

          本文标题:JavaScript获取元素计算后样式的封装

          本文链接:https://www.haomeiwen.com/subject/uczzyttx.html