为什么style.height修改了后offsetHeight不会变
<div id= "divFlex "> <p> 内容 </p> </div>
<div id= "bb "> </div>
<script type= "text/javascript ">
var iHeight = divFlex.offsetHeight;
divFlex.style.height = (iHeight-1) + "px ";
bb.innerHTML = iHeight+ "_ "+divFlex.style.height+ "_ "+divFlex.offsetHeight;
</script>
显示结果是
内容
18_17px_18
为什么呢
------解决方案--------------------style.height 是可写的,你写了什么数值那再调用就是什么,原来是18 ,你减去1后 肯定是17了。
offsetHeight是只读的,返回的是当前真正的高度,由于你把style.height 减去1 后又被里面的内容撑开了变回了18 所以高度还是18
明白了就点个头!