javascript – 当firebug说它是34时,为什么jquery会为offsetHeight返回0？

所以我有一个div,其内容是在运行时生成的,它最初没有与之关联的高度.当它根据firebug生成时,我可以通过js警告,div仍然具有0的高度.但是,用firebug查看只读属性我可以看到它的偏移高度为34.这个值是我需要.希望它是显而易见的,但如果不是,这个数字是可变的,它并不总是38.

所以,我认为我可以通过jquery做到这一点……

$("#parentDiv").attr('offsetHeight');

或者用直js …

document.getElementById("parentDiv").offsetHeight;

但是返回的所有内容都是0.它是否与偏移高度在此实例中是只读属性这一事实有关？我怎样才能达到这个高度？我的意思是萤火虫以某种方式搞清楚它似乎我应该能够.

编辑：
以下是div现在的样子……

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><Meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<HTML style="OVERFLOW: hidden; HEIGHT: 100%" xmlns="http://www.w3.org/1999/xhtml"><BODY><FORM id="aspnetForm" name="aspnetForm" action="blah.aspx" method="post"><DIV id="container">

<DIV id="ctl00_BodyContentPlaceHolder_Navigation" style="Z-INDEX: 1; LEFT: 1597px; POSITION: absolute; TOP: 67px">
    <DIV class="TransparentBg" id="TransparentDiv" style="MARGIN-TOP: 10px; MARGIN-RIGHT: 10px; HEIGHT: 94px; TEXT-ALIGN: center">
    </DIV>
    <DIV class="Foreground" id="ForegroundId" style="MARGIN-TOP: 10px; MARGIN-RIGHT: 10px; TEXT-ALIGN: center">
        <DIV id="ctl00_BodyContentPlaceHolder_Navigation1" style="WIDTH: 52px; COLOR: black; HEIGHT: 52px; BACKGROUND-COLOR: transparent; -moz-user-focus: normal">
            <IMG style="FILTER: progid:DXImageTransform.Microsoft.AlphaimageLoader(sizingMethod = scale src='../images/image.gif'); CURSOR: pointer" height="52" hspace="0" src="..." width="52" /> 
        </DIV>
        <DIV id="ctl00_BodyContentPlaceHolder_UserControl" name="ctl00_BodyContentPlaceHolder_UserControl">
            <IMG style="disPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." width="16" />
            <IMG style="VERTICAL-ALIGN: top; CURSOR: pointer" height="17" src="..." width="16" />
        </DIV>
    </DIV>
</DIV>

</DIV></FORM></BODY></HTML>

此代码由单独库中的控件生成.所以这是在我的.aspx页面中创建它的实际代码.

<blah:blahControl ID="control" runat="server" />

好吧,它略有编辑,但是比我之前的HTML要多得多.我之前称为“parentDiv”的div在那里被称为“ctl00_BodyContentPlaceHolder_UserControl”.该代码包括有问题的div,它是兄弟姐妹,父母,祖父母和孩子.这几乎是萤火虫的直接拷贝.

更新：
我应该已经提到这是在IE 7中完成的.它似乎在Firefox中运行一次,但它现在返回0.这是否提供了可能的解决方法或任何内容的任何新见解？

……你们都必须认为我疯了.

更新：
一些造型……

.TransparentBg 
{
    background-color: white;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.Foreground
{
    position: absolute;
    top: 0px;
}

解决方法

你确定它不是 Heisenbug吗？如果您以编程方式在某处设置高度,然后稍后尝试读取它,则DOM可能无法更新.

原文地址：https://www.jb51.cc/jquery/157552.html

javascript – 当firebug说它是34时,为什么jquery会为offsetHeight返回0？

解决方法

相关推荐