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