处理浏览器兼容你最喜欢用哪种方式

Posted 2020-09-01 前端精髓

<script type="text/javascript">
通过这个盒子的属性名来获取属性值（条件是兼容所有浏览器）
    //var oDiv = document.getElementById("oDiv");
    /*function getCss(curEle,attr) {
        var val = null;
        try {
            val = window.getComputedStyle(curEle,null)[attr];
        }catch (e){
            val = curEle.currentStyle[attr];
        }
        return  val;
    }
    console.log(getCss(oDiv,"width"));*/
    /*function getCss(curEle,attr) {
        var val = null;
        if ("getComputedStyle" in window){
            val = window.getComputedStyle(curEle,null)[attr];
        }else {
            val = curEle.currentStyle[attr];
        }
        return  val;
    }
    console.log(getCss(oDiv,"width"));*/
    /*function getCss(curEle,attr){
        var val = null;
        if (window.getComputedStyle){
            val = window.getComputedStyle(curEle,null)[attr];
        }else {
            val = curEle.currentStyle[attr];
        }
        return val;
    }
    console.log(getCss(oDiv,"width"));*/
    /*function getCss(curEle,attr){
        var val = null;
        if (/MSIE (6|7|8)/.test(window.navigator.userAgent)){
            val = curEle.currentStyle[attr];
        }else {
            val = window.getComputedStyle(curEle,null)[attr];
        }
        return val;
    }
    console.log(getCss(oDiv,"width"));*/
</script>