element的height与width

关于一个element所有的高度宽度

  1. ele.style.width,ele.style.height:操纵style样式。+"px"

  2. offsetWidth、offsetHeight:获取对象相对于文档或者父元素offsetParent的宽度和高度,包含内边距、滚动条、边框。不包含外边距。
    clientWidth、clientHeight:获取对象在窗口中所占的宽度和高度。只包含内边距。对于滚动部分不予计算。
    scrollWidth、scrollHeight:是指元素的内容区域加上它的内边距和它的任何溢出部分,正好比clientWidth、clientHeigth多出溢出的部分。

    offsetTop、offsetLeft:获取元素相对于文档或者父元素offsetParent的上、左坐标。
    clientTop、clientLeft:一般而言没有意义,表示上边、左边的滚动条和边框的坐标。
    scrollTop、scrollLeft:获取元素溢出的上边、左边距离。

注意:关于clientHeight,对于html元素来说,clientHeight is special,它返回浏览器可视区域的高度,不管页面有多高。http://help.dottoro.com/ljcadejj.php

关于获取浏览器高度的兼容写法见: http://www.cnblogs.com/fengzekun/p/3909557.html

原文地址:https://www.cnblogs.com/teazean/p/4619500.html