美文网首页
style样式

style样式

作者: fb941c99409d | 来源:发表于2020-01-07 21:00 被阅读0次
    通过style属性设置和读取的都是内联样式 无法通过style读取样式表中的样式
    element.style.width ="300px"; //返回元素的width
    //因为不能使用 " - ",连字符形式font-size使用驼峰命名形式fontSize
    element.style.fontSize
    
    读取样式表样式 这两种方法只能读取, 修改用style修改
    element.currentStyle.width           //只支持IE8及以下浏览器 ,width 等返回的是默认值auto(没设置的情况下)
    getComputedStyle(element,null).width //支持ie9以上和其他浏览器 , width等返回的是 实际的px值
    
    //兼容方式
    function getStyle(obj,name){
        return window.getComputedStyle?getComputedStyle(obj , null)[name]:obj.currentStyle[name]
    }
    

    相关文章

      网友评论

          本文标题:style样式

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