美文网首页
获取DOM元素宽高

获取DOM元素宽高

作者: 海豚先生的博客 | 来源:发表于2020-07-08 17:15 被阅读0次

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

相关文章

网友评论

      本文标题:获取DOM元素宽高

      本文链接:https://www.haomeiwen.com/subject/hegccktx.html