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