js获取样式(getComputedStyle,currentStyle)

367 阅读1分钟

<style>    div{        width:200px;        height:200px;        background: red;    }</style><body>    <div id="box" style="width: 200px">      </div></body><script>    var box=document.getElementById('box')    function fn(){        console.log(box.style.width)                //获取行内样式        console.log(box.currentStyle)               //IE获取浏览器计算后的样式        console.log(getComputedStyle(box).width)    //火狐,谷歌获取浏览器计算后的样式        if(box.currentStyle){                       //浏览器计算后的样式            alert(box.currentStyle.width)        }else{            alert(getComputedStyle(box).width)        }    }    fn()</script>