Js如何获取某Dom元素的宽高

JavaScript06

Js如何获取某Dom元素的宽高,第1张

（1）dom.style.width/height 获取dom元素内联样式中设定的width，height

（2）dom.currentStyle.width/height 获取dom元素渲染后的width，height，只支持IE

（3）window.getComputedStyle(dom).width/height 浏览器渲染后的元素宽,兼容性更好

（4）dom.getBoundingClientRect().width/height/left/top/right/ 计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、right、bottom、width、height

Element.getBoundingClientRect() - Web API 接口参考 | MDN

javascript获取元素的高度： var obj = document.getElementById("test")alert(obj.height + "\n" + obj.width)// 200px 200px typeof=string只是将style属性中的值显示出来 扩展： 获取元素的实际大小 clientWidth和clientHeight 这组属性