javascript 如何查询、设置元素尺寸

width和height原理类似。这里全部使用height举例

注意：如果产生滚动条。滚动条将出现在border与padding之间，消耗的是内容区的大小。margin、border、padding不受影响

获取尺寸：

根据目的不同通常有一下几种方法获取height

1. offsetHeight： 获取包括可见内容区、滚动条、内边距、边界之和的高度，这个值与getBoundingClientRect()返回对象中的height相同。
2. scrollHeight:    获取显示全部内容需要的高度加上上下padding，也就是css中height为auto时产生的高度加上上下padding
3. clientHeight：    元素显示内容的区域的高度： css Height + css padding - 水平滚动条高度
4. s = window.getComputedStyle(), s.height:   css height - 水平滚动条高度

 设置高度 e.style.height = "33px";

demo： http://jsfiddle.net/en5rS/1/