所以我有一个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可能无法更新.
