• currentStyle、getComputedStyle 获取样式


    style.height 获取的是行间的样式

    currentStyle.height、getComputedStyle(elem,null).height 获取的是 div 的 content 的宽高,

    clientHeight 获取的是 content+padding,

    offsetHeight 获取的是content+padding+border。

    <script>    
    window.onload = function(){
        var div1 = document.getElementById('div1');
        var prop = '';
        if(div1.currentStyle){
            // IE浏览器下获取行间或样式表样式
            prop = div1.currentStyle.height;
        }else if(window.getComputedStyle){
            // 标准浏览器下获取计算样式,两种写法都可以
            // prop = document.defaultView.getComputedStyle(div1,null).height;
            prop = window.getComputedStyle(div1,null).height;
        }    
        console.log(prop);
        // height:auto;  ==》 IE返回的是auto,标准浏览器返回的是实际值
    }
    </script>
  • 相关阅读:
    数组操作
    HTML CSS 笔记
    jacascript 滚动scroll
    SEO优化技巧
    STP选举规则和例题
    3.1GSM-R的网络组成
    光缆的型号
    光缆的种类
    fdisk命令分区过程
    文件系统管理--挂载光盘与U盘
  • 原文地址:https://www.cnblogs.com/YYvam1288/p/7156281.html
Copyright © 2020-2023  润新知