我们都知道,对于一个HTML页面元素来说,它的样式定义有两种方式,
一种是写在元素的同行节点,俗称行内样式,
另外一种则是定义在外部的CSS文件中,俗称外部样式,
也就是这两种定义方式,导致我们获取高度的方式有所差异,详见以下表格
var obj = document.getElementById("你的页面元素的id属性的值");
不同获取方式比较
获取方式 | 描述 |
obj.offsetHeight | offsetXXX忽略行内或者行外样式 |
obj.style.height | obj.style.XXX这种方式只适合行内样式 |