jquery获取元素的宽度 ， jquery设置div的最小宽度方法,金华号带你了解相关信息 。
前端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
【jquery设置div的最小宽度方法 jquery获取元素的宽度】150
推荐阅读
- cs1.6怎么设置电脑拿刀 cs1.6怎么设置电脑人的难度
- 电脑多个硬盘安装方法分享 电脑双硬盘怎么设置
- ppt制作入门教程图文 ppt底色怎么设置颜色
- iphone闹钟音乐导入方法教程 iphone闹钟铃声怎么设置
- 微信自动回复怎么设置方法 设置微信公众号方法
- 怎么样设置qq防撤回 设置qq防撤回的方法
- vivo手机字体大小设置方法 手机字体大小怎么调到哪里找
- 支付宝怎么设置6位密码 支付宝密码怎么设置
- 手机恢复默认设置会怎么样 暴风影音怎么样恢复默认设置
- 自己剪辑的音乐怎么分享 音乐共享在哪里设置