具有display: none的元素的offsetTop属性始终为0
。这是因为display: none会使元素在页面中不可见且不占据空间，因此无法获取其在文档流中的位置信息。
display: none是CSS中的一个属性值，用于控制元素的显示与隐藏。当一个元素的display属性被设置为none时，该元素会从页面中完全消失，不会占据任何空间。这与visibility: hidden不同，后者会隐藏元素但仍保留其占据的空间。
由于具有display: none的元素在页面中不可见，因此无法通过offsetTop属性获取其在文档流中的垂直偏移量。offsetTop是一个只读属性，用于获取元素相对于其offsetParent元素的垂直偏移量。offsetParent是指离当前元素最近的已定位（position属性不是static）的祖先元素，如果没有则为最近的table、td、th或body元素。
如果需要获取具有display: none的元素的位置信息，可以考虑使用其他属性或方法，如getBoundingClientRect()。getBoundingClientRect()方法返回一个DOMRect对象，包含了元素的位置、大小等信息。通过该方法可以获取具有display: none的元素的位置信息。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
相关·内容
我怀疑这是正确的行为，但我想知道是否可以做些什么来获得元素的offsetTop的实际值。所需的行为是当用户单击一个按钮时，列表将被滚动，因此所选项目将显示在顶部，这在元素可见时工作得很好，但它可以被隐藏，我们希望即使当它被隐藏时也会发生这种行为，因此当用户取消隐藏它时，列表将滚动到所需的项目One</li> <l
浏览 150提问于2017-02-21得票数 4
回答已采纳
1回答
当我将div的style属性设置为display:none时，div中的输入必须返回offsetTop == 0。FF、Opera、Safari等都是这种情况，但IE并非如此。经过几个小时的研究，我找不到一种方法来检查嵌套元素在IE中是否可见。
附注：Javascript问题
浏览 0提问于2011-09-17得票数 1
我有以下类，它选择td.lineitemtotal单元格内部的内容，并在getTotal函数中使用它来获取单元格的总数。但是，我不希望该函数使用具有style=“tr.line_item_row :none；”属性的显示中的行。is calculated on page load.function getTotal(lines) {
var total = 0;
浏览 0提问于2012-09-21得票数 6
回答已采纳
我的CSS以我想要的方式居中，但当我添加JavaScript时，它只是水平居中。我的密码怎么了？谢谢! if (event.target == modal) {}
width:100%;
浏览 0提问于2019-01-28得票数 1
回答已采纳
我需要执行一些if逻辑，这取决于DOM中的元素是否具有属性display: none。我看着getComputedStyle()，已经走了这么远：getComputedStyle(bla)
这将返回一个对象，如果我在Chrome的控制台中展开它，我可以看到一个属性display
浏览 2提问于2015-09-14得票数 0
回答已采纳
2回答
我有一项不寻常的任务，我必须从锚中获得px(x，y)中的文本位置，但我不知道如何做到这一点：
这是代码：
<a id="anchor" href="#" runat="server" style="display: inline-block; border-color: #000000; text-decoration: none; border-style: solid; border-width: i
浏览 2提问于2012-01-27得票数 0
回答已采纳
1回答
表单中有一个select元素，具有不同的选项。在“select”属性上是onchange="testRecurrence(this.form)"和js函数，它只是： if(form.repeat.value= "N") { }
}
是‘重复’<e
浏览 5提问于2010-02-08得票数 2
回答已采纳
我希望在终端中看到浏览器的错误：
CypressError:超时重试: cy.type()失败是因为该元素不可见:该元素“”不可见，因为它的父“”具有CSS属性：“display:none”
CypressError:超时重试: cy.type()失败是因为该元素不可见:该元素“”不可见，因为它的父“
浏览 1提问于2019-03-22得票数 4
我得到了以下脚本：<script language="JavaScript" type= document.getElementById('toggle-table');
tbl.style.display= 'no
浏览 0提问于2014-07-29得票数 1
当'rest‘时间倒计时到10时，我希望"rest“div显示并显示在" display”div上，导致"display“div被覆盖。当休息时间达到5时，我希望" rest“div隐藏起来，使"display”div重新出现。
任何帮助都是最好的，DK
浏览 2提问于2012-07-08得票数 2
回答已采纳
我有一个从经典asp生成的简单html标记： <tr class="trClass"> </tr> </tr>如果我使用Jquery将属于Hello的tr设置为hide()，它将被隐藏。好的!我这里<e
浏览 0提问于2009-09-28得票数 5
请帮助我检查元素是否具有特定的css属性(显示==无)，我尝试了以下老问题( & )，但没有结果。 alert("Display
浏览 4提问于2016-05-08得票数 0
回答已采纳
我需要根据用户的操作来隐藏元素。如果他按下"a only"，我可以说这样的话 document.getElementsByClassName("b")[i].style.visibility="hidden";但这会在列表中的元素之间留下空白(不可见的元素<
浏览 0提问于2012-07-19得票数 1
回答已采纳
1回答
所以我认为这是一个非常直截了当的问题，但我找不到正确的答案。所以，如果这个问题以前有人问过，请原谅我。
我有一节section id="front-page-item-4"。在这个section中，我有一个名为about-us-short的div。我想要的是当您滚动通过about-us-short fade-in时，拥有div fade-in。看起来这段代码是在寻找div front-page-item-4的front-page-item-4，但是我不知道这个div的
浏览 3提问于2016-12-09得票数 0
回答已采纳
我正在尝试对最初具有javaScript :none属性的元素应用一些显示。示例：
<divstyle="display:none;" id="
浏览 1提问于2012-06-05得票数 1
回答已采纳
如何使用Javascript检查所有具有相同类名的一组元素(总计7)是否都将display属性设置为none？如果所有这些display属性都被设置为none，那么设置按钮disable = false。如果这些元素中的任何一个(甚至只有一个)的display等于block，则设置按钮disable = true。submitB
浏览 3提问于2020-06-08得票数 0
回答已采纳
我遇到了这样一种情况，即一个div被隐藏，即使我只是执行了显示所有具有相同后缀的div的代码：$("[id$='-input-container']").show()debugger;然后，在调用bloc
浏览 7提问于2015-12-24得票数 6
回答已采纳
我想对类名为"items“、属性为"style=display:none”的div进行计数。="items">3</div><div class="items" style="display
浏览 0提问于2010-02-24得票数 4
回答已采纳
1回答
如果显示包含canvas元素的div，则可以很好地工作。但是，我想首先隐藏包含div，然后使用jquery转换来“启动”绘图应用程序，使其在绘图界面中淡出。因此，包含div的css 'display‘属性最初设置为'none’，然后我显示它。但是，当我这样做时，canvas元素将不再接收任何绘图输入。我尝试在我的脚本呈现canvas元素后动态设置display:none<
浏览 1提问于2012-02-10得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
