html如何实获取元素尺寸宽高

  介绍

这篇文章主要介绍了html如何实获取元素尺寸宽高,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

& lt; !DOCTYPE html>   & lt; html>      & lt; head>   & lt;元charset=癠TF-8"祝辞   & lt; title>获取元素尺寸宽高& lt;/title>   & lt;/head>   & lt; style>   # div {   background - color: # 00 ff00;   宽度:60 px;   高度:60 px;   填充:20 px;   保证金:20 px;   边界:20 px固体# 00飞行符;   }   & lt;/style>   & lt; body>      & lt; div id=癲iv"祝辞Prosper
     & lt; script>/* *   *获取元素尺寸宽高(不包含利润)   */Element.prototype。getElementOffset=function () {   var objData=https://www.yisu.com/zixun/this.getBoundingClientRect ();   如果(objData.width) {   返回{   w: objData.width,   h: objData.height   }   其他}{   返回{   w: objData。右,objData.left   h: objData。前objData.bottom   }   }   }   console.log (. getelementbyid (div) .getElementOffset ());>      

感谢你能够认真阅读完这篇文章,希望小编分享的html如何实获取元素尺寸宽高内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

html如何实获取元素尺寸宽高