jquery获取div的高度,html获取div高度

jquery怎么获取div高度

建议你这样试试看：

北海网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

获取你要得到高度的那个div的jQuery对象，获得方法有很多很多种，具体你可以看一下jQuery API文档里的选择器部分，在这里我只跟你说一个最直接的方法，通过id获得：$("#id")

要看你要得到的是什么高度了，jQuery里现有的三个获得高度的方法是：

$("#id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

$("#id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

1、新建html文件

2、创建div元素和按钮

3、引入jquery.js

4、js创建“height() 方法设置div元素的高度”的代码

5、预览效果如图

6、点击按钮，div元素的高度发生改变，预览效果如图

jquery要获取某个元素的属性、样式等等，要先获取这个元素：通过xpath很容易获取，比如用div的id获取——$('#dv')

获取这个元素之后就很容易了，通过height等方法可以获取元素的具体内容等：如高度

$('#dv').height();

宽度：$('#').width();

Jquery可以用height(),来获取DOM元素的高。示例如下：

script src="" type="text/javascript"/script

script

$(function() {

var he=$('#test').height();

console.log(he);

});

/script

div id="test" style="height:100px;overflow:scroll"

1111br

/div

本文名称：jquery获取div的高度,html获取div高度
网站URL：http://azwzsj.com/article/dsdsoci.html