js获取自动宽度元素的宽度(js获取div宽度和高度)

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

js获取div元素高度与宽度的方法

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

clientHeight：返回元素的可视高度

clientWidth：返回元素的可视宽度

示例代码：

 飞鸟慕鱼博客
 //获取高度 var h = document.getElementById(\'mochu\').clientHeight; //获取宽度 var w = document.getElementById(\'mochu\').clientWidth; console.log(h); console.log(w);

打印结果：

200

150

jquery获取div元素高度与宽度的方法

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

jq获取div元素宽度的方法

$(selector).width()

jq获取div元素高度的方法

$(selector).height()

示例代码：

 http://www.feiniaomy.com
 //获取高度 var h = $(\'#mochu\').height(); //获取宽度 var w = $(\'#mochu\').width(); console.log(h); console.log(w);

打印结果：

100

150