个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
所以我有一个 div，它的内容是在运行时生成的，它最初没有与之关联的高度。当它根据 Firebug 和我可以用 js 发出的警报生成时，div 的高度仍然为 0。但是，使用 Firebug 查看只读属性，我可以看到它的偏移高度为 34。正是这个值我需要。希望它很明显，但如果不是，这个数字是可变的，它并不总是 38。
所以，我想我可以通过 jquery 做到这一点...
$("#parentDiv").attr('offsetHeight');
或者直接使用 js...
document.getElementById("parentDiv").offsetHeight;
但是返回的都是0。这与offset height在这个实例中是一个只读属性有什么关系吗？我怎样才能达到这个高度？我的意思是 Firebug 正在以某种方式解决它，所以我似乎应该能够做到。
编辑:这是 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，它是兄弟、 parent 、祖 parent 和 child 。它几乎是 firebug 的直接副本。
更新:我应该提到这是在 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;
}
最佳答案
您确定该元素包含在文档树中并呈现了吗？ (即不是“显示:无”，而是“可见性:隐藏”是可以的。)
实际上没有参与文档呈现过程的元素没有尺寸，并且偏移宽度/高度将为 0。
添加代码示例后的预计到达时间:使用您的确切代码，我在“17”的 div 上获得了 offsetHeight。第一张图片大小正确，第二张图片没有大小。
这是正确的(*)。任何无法加载的图像都将替换为替代文本作为内联跨度。您的图片没有替代文字，因此它被替换为空字符串。通常，作为内联元素，不能将其设置为任何特定大小。第一张图片是个异常(exception)，因为您给它设置了“display: block”，这使得它可以根据宽度/高度提供的显式大小调整。
在 Quirks 模式下，您会看到一些与图像应有的大小相同的小“破损图像”图标。这在标准模式下不会发生，因为假设您知道如何正确使用替代文本(如果您使用的是标准模式)。
无论哪种方式，如果我用实际工作地址替换“...”URL，尺寸测量对我来说都很好。
(*:虽然你实际上看不到它，因为 html 上相当奇怪的“溢出隐藏”和“左:1597 像素；”组合。好吧，除非你有一个真的宽监控!)
关于javascript - 当 firebug 说它是 34 时，为什么 jquery 会为 offsetHeight 返回 0？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/636474/
27
4
0
我正在编写一个 JS 程序，我有一个条件可以根据输入进行一些算术运算。如果我遇到操作类型为“add”，我需要将两个值相加；如果我得到“times”作为我的运算符值，我需要相乘。 我尝试使用基本的 if
我正在编写一个仅作为查看器的应用程序 - 无需创建、无需编辑、无需保存。 显然，那么，不会有自动保存，但是还有什么其他东西可以从 autosavesInPlace 返回 YES 改变世界，从而对观看者
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
当我编写 out.println() 时，Eclipse 提示 out 无法解析。 我导入了 java.io.* 和其他 servlet 包。 最佳答案 只是在黑暗中拍摄，我认为这就是您正在寻找的出路
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
是否可以执行类似的操作来检查 radio 表单是否未选中: if !($(this).find("input:checked")) {} 正确的语法是什么？ 最佳答案 试试这个: $(this).fi
我正在尝试从表中选择行，其中 date 列值等于澳大利亚悉尼的当前日期 (UTC+10h)。服务器位于悉尼，因此我想使用 SYSDATETIME()。这是我的查询: SELECT * FROM dat
我听说 JavaScript 实际上并不像其他语言那样“指向”内存中的值(或对象，因为在 JS 中一切都是对象)。相反，JS 变量引用内存中的其他值/对象。这是真的？指向和引用之间的语义区别是什么？
我的计算机科学类(class)有一项作业，其中要求读取包含多个测试分数的文件，并要求我对它们进行求和并求平均值。虽然求和和求平均值很容易，但我在读取文件时遇到问题。老师说用这个语法 Scanner s
Java 的 XML 解析器似乎认为我的 XML 文档在根元素之后的格式不正确。但我已经用几种工具验证了它，但他们都不同意。这可能是我的代码错误，而不是文档本身的错误。如果你们能给我提供任何帮助，我将
根据这份文件: http://www.stroustrup.com/terminology.pdf l 值具有同一性且不可移动。 公关值是可移动的，但没有身份。 x 值具有同一性并且是可移动的。 关于
这个问题在这里已经有了答案: What does "atomic" mean in programming? (7 个答案) 关闭 5 年前。 我正在阅读 MongoDB 的 documentati
在 PHP 和 MySQL 中有没有一种方法能够比较 2 个不同的数组(列表)变量并说出有多少项是相同的 例如， $array1 = "hello, bye, google, laptop, yes"
本文来自 Effective Java Programs that use the int enum pattern are brittle. Because int enums are compil
C++ 中有一些特性是类型安全的，而另一些则不是。 C++ 类型安全示例: char c = 'a'; int *p = &c; // this is not allowed (compiler
我有一个 CS 课的作业，它说要读取一个包含多个测试分数的文件，并要求我对它们求和并取平均值。虽然求和和平均很容易，但我在读取文件时遇到了问题。老师说要用这个语法 Scanner scores = n
嗯.. 有时，PyDev 会说“ Unresolved 导入错误”。 在我的环境中 Python2.6.6 Eclipse3.7 PyDev2.2.2 错误是。 > Unresolved import
我正在向服务器发送请求，服务器正在处理请求并做出响应。但是在我的应用程序中，我收到了: Error Domain=NSURLErrorDomain Code=-1017 "cannot parse r
在我最近的一次讨论中，有人告诉我这样说是不正确的，因为 Ajax 已经是 Javascript。 上下文: “我如何在网页中 blablababal，这样它就不必刷新页面” 我的回答: “使用 Jav
下午好。 我一直在尝试使用 ffmpeg 将 .mpeg 拆分为一系列 .jpeg 图像。请注意，这是指定 here 的逆问题，但我面临的问题与该线程的作者面临的问题不同。 具体来说，我已经在我的 f
我是一名优秀的程序员,十分优秀！