js获取元素不确定的高度

shmilyyxj

于 2023-01-09 14:54:06 发布

阅读量255

点赞数

文章标签： css jquery Powered by 金山文档

本文链接：https://blog.csdn.net/shmilyyxj/article/details/128614560

版权

文章介绍了如何使用JavaScript的DOM操作，通过getElementById获取元素ID为cardArr的盒子高度，并且这种方法在包括IE6在内的旧版浏览器中也能正常工作，展示了代码的兼容性策略。

摘要由CSDN通过智能技术生成

let winCardH = (document.getElementById("cardArr")).offsetHeight //获取盒子的高度

此方法也可以在ie6这样的古董级旧版本的浏览器正常浏览

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shmilyyxj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取元素不确定的高度

js获取元素不确定的高度，兼容低版本浏览器
复制链接

扫一扫

JS获取一个未知DIV高度的方法

10-21

主要介绍了JS获取一个未知DIV高度的方法,涉及javascript针对页面元素属性的动态操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

javascript获取元素的计算样式

10-16

计算得到的宽度和高度的值可以用来获取元素的尺寸信息，例如clientHeight和clientWidth属性可以得到不包含边框的元素可视区域的高度和宽度，而offsetWidth和offsetHeight则包含了padding和border在内的整个元素尺寸...

参与评论您还未登录，请先登录后发表或查看评论

获取元素高度出错

qq_40285497的博客

06-24

762

#### 1. 问题如下今天别人的项目遇到一个问题，有一个数字滚动组件，强刷界面时候数字错位。滚动组件实现是将获取到的数字拆分，每一个数字为一列，都由0到9还有一个.组合数字滚动到需要的数字。然后发现强刷界面列的值不对有时779，有时880. #### 2. 解决思路 1. 刚开始以为是 $().html() 绘制界面需要一段时间，然后紧跟着的获取高度时候还没绘制完成就出错了，然后就给他加了定时器，100毫秒后执行 html() 后的操作。然后也成功了。。。 2. 后来想想不对，...

如何通过jQuery获取一个没有定高度的元素---------的自适应高度(offsetHeight的正确使用方法)...

weixin_30681615的博客

12-04

364

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt...

如何获取没有给出高度的元素的高度？

weixin_30887919的博客

03-04

792

前言最近在工作中遇到了一个问题，某个需求需要获取元素的高度，就假定是div元素，但是呢因为div中元素的内容高度是不确定的，所以并没有给div设置高度，在获取高度时，我们首先会想到3种方法 1、div.style.height; 我们会发现输出空，这是因为style对象获取的是定义在内联样式中的属性，所以不可行。 2、$(div).css("height"); 我们会发现输出...

原生js——无法获取元素高度的的问题

代码小宝宝的博客

06-12

1735

原生js——无法获取元素高度的的问题今天遇到了xxx.style.width无法获取元素宽度的问题，原来一直没有注意到这个小细节： 1）如果width：150px；是写在 css 样式表（外链式）里面的，获取宽度或者高度的方法是： xxx.offsetWidth、xxx.offsetHeight 2）如果width：150px；是内联样式（style=“width:150px;”），获取宽度...

js获取页面及个元素高度、宽度的代码

10-22

在进行前端开发时，经常需要获取页面或特定元素的尺寸信息，比如页面的可视区域大小、元素的宽高以及元素的位置等，以实现更加丰富的页面交互和布局控制。JavaScript 为我们提供了丰富的属性和方法来获取这些尺寸...

用Javascript获取页面元素的具体位置

10-26

以下是基于提供的内容，对于使用JavaScript获取页面元素具体位置的知识点的详细介绍。 ### 网页的大小和浏览器窗口的大小网页的大小是由内容和CSS样式决定的全部面积。它通常包含了内容区域、内边距（padding）、...

js获取浏览器高度窗口高度元素尺寸偏移属性的方法

11-27

本文将深入探讨如何使用JavaScript获取浏览器的高度、窗口高度、元素尺寸以及偏移属性。这些知识对于创建响应式网页和实现动态效果至关重要。首先，了解如何获取浏览器的屏幕尺寸。`screen.width`和`screen.height...

JS中获取 DOM 元素的绝对位置实例详解

10-18

使用这个方法可以方便地获取元素的宽度、高度以及`top`、`right`、`bottom`、`left`等属性。 `getBoundingClientRect()`方法获取的是元素相对于视口的位置，这在页面滚动时非常有用，因为元素相对于视口的位置会...

html 获得div的高度,如何用js获取div不确定的自适应高度（currentStyle与offsetHeight）...

weixin_32751961的博客

06-15

1792

设计网页时，一些元素(如div)因显示的内容多少事先不确定，所以不能固定高度，也就是让它根据内容的多少自动调整高度，即自适应高度。对于div元素不确定的自适应高度，如何用js获取当前高度呢？一般有两种方法，其一，通过元素的 currentStyle 获取；其二，通过元素的 offsetHeight 属性获取。第一种方法不是所有浏览器都支持，特别是低版本的浏览器；第二方法所有浏览器都通行。一、js用...

js不能获取屏幕高度

snowtree_ok的专栏

12-28

316

javascript 获取网页可见区域大小时，总是报错，后来发现，是因为document.body.clientHeight=0，而获取的宽度却没有问题。百度下，原来是浏览器兼容的问题。 root cause: 浏览器语法不同。Chrome （左图）要用document.documentElement.clientHeight，而IE要用document.body.clientHeight

js获取盒子模型的高宽

yin_991的博客

01-28

2034

dom.style.width/height 只能获取到内联样式的属性值，外部样式、内部样式的属性值是获取不到的。 dom.currentStyle.width/height 只有ie支持 window.getComputedStyle(dom).width/height 通用性好 dom.getBoundingClientRect().width/height ...

jq获取页面元素的高度与实际不符合

farmerXU的博客

08-31

1350

问题：原本盒子的高度是110，然后console出来是22，就很奇怪；解决：后来把js放在了$(function(){});里面就正常了

css 获取元素高度,如何获取没有给出高度的元素的高度？

weixin_34874119的博客

08-04

7079

前言最近在工作中遇到了一个问题，某个需求需要获取元素的高度，就假定是div元素，但是呢因为div中元素的内容是不确定的，所以并没有给div设置高度，在获取高度时，我们首先会想到3中方法1、div.style.height;我们会发现输出空，这是因为style对象获取的是定义在内联样式中的属性，所以不可行。2、$(div).css("height");我们会发现输出0，很正常因为我们根本没定义hei...

JS中使用offsetHeight 获取元素高度为0问题

m0_50981596的博客

10-08

2973

JS中使用offsetHeight 获取元素高度为0问题

vue获取不到页面元素高度

树上骑个猴的博客

12-18

1712

比如我我想获取el-form的高度 <el-form :model="addOrEditForm" class="el-form-dialog" label-width="120px" ref="elForm" > </el-form> 1.不要在created里面获取，因为界面dom还没挂载到页面上 2.el-form是elementui封装的元素，需要再获取的前提加一个$el，就可以获取到其高度 this.refs.elForm.$el.offsetHeight 如果是

y轴设置滚动之后,如何确定高度