首页 > 作文

jquery获取div的高度和宽度(获取div实际宽高度的方法)

更新时间:2023-04-05 14:41:42 阅读: 评论:0

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

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

js获取div元素的高度与宽度要用的 clientheight 与 clientwidth方法

clientheight:返回元素的可视高度

clientwidth:返回元素的可视宽度

示例代码:

<div id="mochu" style="height: 200p绯雨倾城x;width:150px;color:#fff;background-color: blueviolet;"&编程培训多少钱gt; 飞鸟慕鱼博客</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元素宽度的方法

$(lector).width()

jq获取div元素高度的方法

$(lector)两个100年.height()

示例代码:

<div id="mochu" style="height: 100px;width:150px;"> http://www.feiniaomy.com</div>&交流电和直流电的区别lt;script> //获取高度 var h = $('#mochu').height(); //获取宽度 var w = $('#mochu').width(); console.log(h); console.log(w);</script>

打印结果:

100

150

本文发布于:2023-04-05 14:41:41,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/07f9875299c76fc0b2f7b6bd60968491.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:jquery获取div的高度和宽度(获取div实际宽高度的方法).doc

本文 PDF 下载地址:jquery获取div的高度和宽度(获取div实际宽高度的方法).pdf

标签:宽度   元素   高度   方法
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图