前端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>
//获取高度
【jQuery获取元素宽高 jquery获取元素的宽度】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
- lol手游测试资格怎么获取 英雄联盟手游9.15号测试资格怎么获取
- 获取已安装应用列表 读取已安装应用列表什么意思
- 国内如何能上国际网 如何在网上获取国际
- lol拉克丝大元素使10种形态合成公式 英雄联盟拉克丝大元素使怎么变身
- 丰巢取件码在哪里找 丰巢取件码的获取方法
- 绿色食品标志的主要构成元素有哪些
- 元素周期表51 元素周期表51是
- 需adb能获取root权限 安卓手机如何获取root权限
- 来自大神哈利波特魔法觉醒圈子 哈利波特魔法觉醒紫色回响获取途径介绍
- 手机qq安全中心动态密码怎么获取 qq安全中心动态密码怎么获取