offsetHeight获取的div元素的高度不正确
offsetHeight是一个DOM属性，用于获取一个元素的高度，包括元素的高度、内边距和边框。然而，有时候使用offsetHeight获取的div元素的高度可能不正确的原因有以下几种可能性：
- 盒模型问题：offsetHeight获取的高度包括元素的内边距和边框，但不包括外边距。如果设置了元素的外边距，offsetHeight不会计算在内，导致获取的高度不正确。可以通过使用getComputedStyle方法获取元素的计算样式，然后再加上外边距来获取正确的高度。
- 隐藏元素问题：如果元素设置了display:none或者visibility:hidden属性，那么offsetHeight获取的高度将为0，因为隐藏元素不会占据任何空间。在获取元素高度之前，需要确保元素是可见的。
- 异步加载问题：如果元素的内容是通过异步加载获取的，那么在获取元素高度时可能会出现问题。因为异步加载需要一定的时间，如果在加载完成之前获取元素高度，那么获取的高度可能是不正确的。可以通过监听异步加载完成的事件，或者使用回调函数来确保在获取元素高度时内容已经加载完毕。
- 浮动元素问题：如果元素内部包含浮动元素，那么offsetHeight获取的高度可能不包括浮动元素的高度。这是因为浮动元素会脱离正常的文档流，不会撑开父元素的高度。可以通过清除浮动或者使用clearfix等技术来解决这个问题。
综上所述，如果offsetHeight获取的div元素的高度不正确，可以检查盒模型、元素的可见性、异步加载和浮动元素等因素。根据具体情况采取相应的解决方法来获取正确的高度。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云计算服务：https://cloud.tencent.com/product/cvm
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobility
- 腾讯云存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tgsvr
相关·内容
7回答
我想通过JavaScript获得内部html的高度。假设我有 <div>Content</div> 如果div字体大小增加了，或者父div中嵌套了许多div，我如何获得父div的高度？编辑:即使嵌套的div也有边框和填充。
浏览 86提问于2016-08-12得票数 11
回答已采纳
我试图通过将div的位置设为绝对位置，将其最大值设置为50%，然后减去div高度的一半，从而在屏幕上居中。我使用的是offsetHeight，但是offsetHeight属性返回的高度似乎小于div元素的实际高度。(见下面的截图) 有什么办法可以解决这个问题吗？有没有别的办法可以代替这个？ 提前谢谢。offsetHeight返回
浏览 568提问于2021-06-18得票数 2
回答已采纳
我正在尝试获取元素在运行时的高度。我有一个导航栏，当我向下滚动时，它会变得固定。我想将容器的填充设置为等于导航栏的高度(固定时)。问题是，一旦我将位置设置为固定，offsetHeight就会变为0。我可以使用子元素的offsetHeight并包括边距/填充来获得高度，但我正在寻找一种更简洁的方法。
这使用angular来添加/删除类。_navH
浏览 1提问于2018-10-31得票数 3
1回答
事件触发时如何获取元素的高度？ 我想得到一个高度可编辑的div，但EventTarget has not properties。customElement('my-example') render() { <divoffsetHeight)}"
con
浏览 20提问于2020-08-30得票数 0
假设我有高度为100px的div。我需要获取元素高度，将值保存在变量中，然后将元素高度设置为0。我的问题是我得到了最终的style值- 0。let height = element.offsetHeight;element.style.maxHeight = 0;
浏览 1提问于2017-10-09得票数 0
3回答
如果我有一个文本列表，例如<br>abc<br>de<br>fghij,<br>和style="width:auto; height:auto;"
如何在浏览器调整其大小后才能获得它的宽度和高度，只使用
浏览 5提问于2016-06-23得票数 0
我用的是反应，打字稿和顺风。我希望一个元素的高度与另一个元素的高度相匹配。它通常很简单，但是我有一个复杂的div结构，所以我不能用正常的方式去做。我尝试的是计算offsetHeight和offsetTopHeight，并设置第二个元素的高度这个值。代码在下面，但我删除了许多其他与此无关的代码，以使你们更容易理解
浏览 14提问于2022-08-05得票数 0
回答已采纳
1回答
我有一个一页的网站，里面有很多容器.容器具有动态高度(高度: auto)。网站由智能路由系统控制(如果输入特定的url，网站滚动到给定的加载元素)。
我如何滚动到一个容器(例如容器5)和将这个容器保持在相同的滚动位置(应该通过用户滚动来更改)而其他容器正在加载？如果容器有一个固定的高度，整个工作没有任何问题，但目前，滚动
浏览 1提问于2014-10-31得票数 1
2回答
我有一个div，它包含div，包含div，包含div，其中div的默认高度为40 of。有点像下面。/div></div>
问题是，div C的实现方式可以动态地改变高度。因此，它可能会超过默认高度的div A(40 it )，并造
浏览 1提问于2021-10-27得票数 0
回答已采纳
我正在尝试使用offsetHeight根据元素的类来查找元素的高度，到目前为止，我可以根据div id找到高度，但是如果有多个类分配给相同的id怎么办？我改编了这个jsfiddle来举例说明我正在讨论的内容： var classheight1 = $$('.field'
浏览 4提问于2013-04-06得票数 0
2回答
我可以得到一个元素的高度但这是没有余地的。我可以使用的函数得到包括边距在内的高度。但是，如果我有一个比父元素更大的子元素，那么这个函数就不能给我我想要的高度。如何获得元素的高度，包括元素和子元素的边距？相关
浏览 0提问于2018-09-04得票数 3
回答已采纳
有没有一种方法可以使用" if“语句并查看div的高度是否大于或小于javascript中特定数量的px？
例如，你能这样做吗？
浏览 5提问于2020-02-08得票数 1
回答已采纳
我得到了div1和div2以及包含div1 (和其他一些元素)的div2。我希望动态更改div1的高度，使其与div2的高度(-其他元素的高度)相匹配，只要div1超过该高度。我没有直接设置div2的高度是因为DIV2<e
浏览 6提问于2011-11-30得票数 3
回答已采纳
我希望使用javascript获取响应性div的高度，并在另一个div中使用输出。但我对javascript一点也不擅长.到目前为止，我想出的是：var offsetHeight = document.getElementById("myDiv").offsetHeight;
var curr_width = parseInt(o
浏览 5提问于2016-03-08得票数 3
回答已采纳
具有这样的元素的：// Posts当用户到达按钮(这就是我现在正在尝试的： if ($('#threads-list')
浏览 1提问于2012-11-01得票数 0
我创建了一个div元素divContainer.style.height = "70%"; labelDiv.className = "label";
labelDiv.style.height = divContainer.offsetHeight
浏览 3提问于2020-07-17得票数 0
回答已采纳
如何使用JavaScript来找出在css中为自动高度生成的值？我正在使用Grails和jQuery。.tool-preview {}
浏览 0提问于2016-06-07得票数 1
我正在尝试获取div容器的高度，该容器没有初始设置的高度，并且包含一个浮动元素。offsetHeight属性总是出现在0上。如果我将包含div的overflow属性设置为hidden，我就可以得到高度。有比这更好的方法吗？如果我在jsFiddle中搞砸了什么(因为s
浏览 0提问于2013-01-08得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
