在前端开发中经常会遇到要为div设置高度,或是获取div高度。
获取div的高度
1)height
document.getElementById("xxxid").height();
或是用jquery写法:$("#xxxid").height();<strong>
</strong>
height指的是元素本身的高度,不包括padding、border、margin,如下图所示:
2)innerHeight
包括元素自身的高度+padding部分,如图所示:
3)outerHeight
高度为:元素自身高度 + padding + border ;如果参数为true时,高度为:元素自身高度 + padding + border +margin,如下图所示。