js怎么获取div的宽度和高度（jquery获取高度与宽度的方法）

Joker • • 前端笔记 • 103 阅读

web前端页面中，js可以很方便的获取div元素的高度和宽度，那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法。

一、js怎么获取div的宽度和高度

   
js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法

   
clientHeight：返回元素的可视高度

   
clientWidth：返回元素的可视宽度

    1、示例代码如下：

小小丑博客

   2、打印结果：

   
200

   
150

二、jquery获取高度与宽度的方法

   
相对于原生的 javascript 来说，使用 jquery 来获取 div 元素的高度与宽度要简单的多。

   
jq获取div元素宽度的方法

   
$(selector).width()

   
jq获取div元素高度的方法

   
$(selector).height()

    1、示例代码如下：

小小丑博客获取高度与宽度的方法

    2、打印结果：

   
100

   
150