在小溪的淙淙声中，饱含树脂的幼芽在开放，水下的草长出水面，岸上青草越发繁茂。雨滴从屋檐、墙头、树叶上跌下，就如同断了线的珠子一样，最后连在一起，形成水柱。
前端web页面中，js可以很方便的获取div元素的高度和宽度，那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法。
js获取div元素高度与宽度的方法
js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法
clientHeight：返回元素的可视高度
clientWidth：返回元素的可视宽度
示例代码：
<div id="mochu" style="height: 200px;width:150px;color:#fff;background-color: blueviolet;">
</div>
<script>
//获取高度
var h = document.getElementById('mochu').clientHeight;
//获取宽度
var w = document.getElementById('mochu').clientWidth;
console.log(h);
console.log(w);
</script>打印结果：
200 150
jquery获取div元素高度与宽度的方法
相对于原生的 javascript 来说，使用 jquery 来获取 div 元素的高度与宽度要简单的多。
jq获取div元素宽度的方法
$(selector).width()
jq获取div元素高度的方法
$(selector).height()
示例代码：
<div id="mochu" style="height: 100px;width:150px;">
http://www.feiniaomy.com
</div>
<script>
//获取高度
var h = $('#mochu').height();
//获取宽度
var w = $('#mochu').width();
console.log(h);
console.log(w);
</script>打印结果：
100 150
本文javascript获取div元素高度和宽度的方法到此结束。七月盛夏，瓦蓝瓦蓝的天空没有一丝云彩，火热的太阳炙烤着大地，河里的水烫手，地里的土冒烟。小编再次感谢大家对我们的支持！