oDiv = document.querySelector('#app')

获取行间样式

<div style=”…” ></div>
oDiv.style.width

获取非行间样式

<style type="text/css"> ... </style>
IE
oDiv.currentStyle.width
chrom/firefox
getComputedStyle(oDiv, null).width
最全的

• 方法返回元素的大小及其相对于视口的位置
• 如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和。如果box-sizing: border-box，元素的的尺寸等于 width/height。
  obj = oDiv.getBoundingClientRect()
  left, top, right, bottom, x, y, width, 和 height
  image.png