HTML 如何获取父级div高度

 时间:2026-04-22 15:39:40

1、首先我们创建一个两层DIV的嵌套做演示,代码如图。

HTML 如何获取父级div高度

2、使用浏览器访问,效果如图。

HTML 如何获取父级div高度

3、如果我们能直接拿到父元素的选择器参数,比如ID,可以通过JS直接获取它的相关高度,代码如图。

HTML 如何获取父级div高度

4、使用浏览器F12工具查看一下,成功获取到了对应元素的高度值。

HTML 如何获取父级div高度

5、接下来我们试一下JQuery的版本,代码如图。

HTML 如何获取父级div高度

6、使用浏览器F12工具查看一下,JQuery成功获取到了对应元素的高度值。

HTML 如何获取父级div高度

7、如果我们获取不到父元素的选择器参数,可以通过子元素查找对应的父元素结点,JS版本的代码如图。

HTML 如何获取父级div高度

8、使用浏览器F12工具查看一下,使用KS通过元素同样成功获取到了对应父元素DIV的高度值,如图。

HTML 如何获取父级div高度

9、我们试一下JQuery版本的子元素获取父节点DIV的高度,代码如图。

HTML 如何获取父级div高度

10、同样可以获取到父元素DIV的高度值。

HTML 如何获取父级div高度

  • jquery如何实现鼠标放上div时改变其大小
  • jquery获取对象属性值的方法?
  • 如何使用Visual Studio 2015进行新建一个空项目
  • 在VScode中如何设置水平滚动条自动可见
  • php+mysql怎样一次插入多条记录到数据库
  • 热门搜索
    深圳有哪些旅游景点 东北旅游攻略 贺兰山旅游 江苏无锡旅游 苏州有哪些旅游景点 大连旅游线路 大金湖旅游 北京市旅游局官网 呼和浩特 旅游 青藏线旅游