无法在IE8上使用jS成功重置iframe.style.height

Question

我有以下一段JavaScript代码：

var urlpxExt = document.getElementById('urlPx');
urlpxExt.style.height = "200px";

这是重置iframe样式高度的一种非常通用的方法，我的问题是iframe"urlPx"的高度在IE8上没有成功重置，在我的IE屏幕视图中，iframe的大小没有改变，然后我试图在第urlpxExt.style.height = "200px"行之后提醒urlpxExt.style.height，它输出了没有改变的值。

如果我在urlpxExt.style.height = "200px"之前添加一些耗时的过程，比如alert。则它将成功重置值。

有人知道我为什么会发生这种事吗？如何解决？

Answer 1

也许IE8将您的iframe视为文本级内联元素（不能为其指定height样式）。请尝试将iframe的CSS display属性设置为block，看看问题是否仍然存在。

另外，请记住，iframe元素支持HTML height属性，这意味着您应该能够使用iframeElement.height = [number]设置它。