这篇文章给大家介绍的内容是关于html实现获取元素尺寸宽高的代码（纯代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取元素尺寸宽高</title>
</head>
<style>
#div{
background-color: #00ff00;
width: 60px;
height: 60px;
padding: 20px;
margin: 20px;
border: 20px solid #00ffff;
}
</style>
<body>
<div id="div">Prosper</div>
<script>
/**
* 获取元素尺寸宽高(不包含margin)
*/
Element.prototype.getElementOffset = function () {
var objData = this.getBoundingClientRect();
if (objData.width) {
return {
w: objData.width,
h: objData.height
}
} else {
return {
w: objData.right - objData.left,
h: objData.top - objData.bottom
}
}
}
console.log(document.getElementById('div').getElementOffset());
</script>
</body>
</html>相关推荐：
Atas ialah kandungan terperinci html实现获取元素尺寸宽高的代码（纯代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah program yang boleh dibangunkan dengan php
Muat turun aplikasi OuYi Exchange
Apakah mata wang USDT?
penggunaan lateks
Bagaimana untuk mendaftar dompet Bitcoin
Bagaimana untuk menentukan rentetan dalam php
Bagaimana untuk menyelesaikan internalerror0x06
Alat pengurusan mysql yang biasa digunakan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
