js获取元素宽高度的三种方法

使用JavaScript获取元素的宽度和高度，可以使用以下三种方法：

html部分

<div id="domId" style="width:300px;height:200px">
  我是一个div元素
</div>

一、使用offsetWidth和offsetHeight属性

var element = document.getElementById("domId");

//获取宽度
var width = element.offsetWidth;
//获取高度
var height = element.offsetHeight;

二、使用clientWidth和clientHeight属性

var element = document.getElementById("domId");
//获取宽度
var width = element.clientWidth;
//获取高度
var height = element.clientHeight;

三、使用getBoundingClientRect()方法

var element = document.getElementById("domId");
var rect = element.getBoundingClientRect();
//获取宽度
var width = rect.width;
//获取高度
var height = rect.height;

以上三种方法可以获取元素的实际宽度和高度（包括内边距和边框）。domId根据实际情况替换。