<body class="body">
<div></div>
<script>
var div = document.querySelector('div');
// console.log(div.style.width); 行间样式
获取非行间样式 - 不兼容
// chrome 浏览器
var w = getComputedStyle(div)['width'];
// console.log(w);
// IE浏览器下
var w = div.currentStyle['width'];
// 兼容方法
function getStyle(obj,attr){
// 验证浏览器
// IE浏览器 三目运算
// 条件 ? 条件成立 : 条件不成立
return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];
}
alert(getStyle(div,'width'))
// console.log(getStyle(div,'width'))
</script>
</body>