js获取元素的宽高

  • dom.style.width/height：只能获取内联样式的宽和高
  • dom.currentStyle.width/height：仅IE支持。
  • window.getComputedStyle(dom, 伪类).width/height: IE<9不支持该属性。
    window.getComputedStyle(dom, 伪类)返回一个只读的CSSStyleDeclaration对象，通过getPropertyValue()获取
  • dom.getBoundingClientRect():返回一个````DOMReact对象，除了width,height属性属性，top,left,right,bottom都是相对于视口的 在IE<9的浏览器返回的DOMRect对象没有width,height```

参考

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1赞 92
  • js基础总结一
    w一：rem布局公式 document.documentElement.style.fontSize=20*doc...
    stars甜阅读 4,140评论 0赞 1
  • 《JavaScript高级程序设计》Chapter 12 DOM 2 和 DOM 3
    DOM 变化 如何确认浏览器是否支持 DOM 2 和 DOM 3 新增的模块：var supportsDOM2Co...
    云之外阅读 3,294评论 0赞 0
  • 10.30优秀作业
    亲爱的家长们，制作花钟，在让孩子们理解课文的过程中，也锻炼了他们的创新能力，孩子们的想象力与创新力十足，作业十分漂...
    q小姐的简书阅读 2,224评论 0赞 0
  • 古代为什么没有“单身狗”
    现在社会出现一个新名词“单身狗”，让无数家庭忧心忡忡。那么在古代为什么没有呢。我觉得有以下几个原因。 ...
    籍秋风阅读 2,498评论 0赞 0