获取非行间样式

IE：obj.currentStyle[属性名]

Chrome: getComputedStyle(obj,false)[属性名];

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取非行间样式</title>
    <style>
        div {
            background: red;
             200px;
            height: 200px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
    </style>
</head>
<body>
    <div></div>
    <script>
        var aDiv = document.getElementsByTagName('div');
        if ( aDiv[0].currentStyle ) {
            // IE
            alert( aDiv[0].currentStyle['width'])
        } else {
            // Chrome:
            alert( getComputedStyle(aDiv[0],false)['width'])
        }

    </script>
</body>
</html>