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>