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

Question

我有以下javascript代码：

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

这是重置iframe样式高度的一般方法，我的问题是iframe'urlPx'的高度在IE8上没有成功重置，iframe的大小在我的IE屏幕视图上没有改变，然后我试过了要在urlpxExt.style.height行后提醒urlpxExt.style.height = "200px"，请输出未更改的值。

如果我在urlpxExt.style.height = "200px"之前添加一些耗时的过程，例如提醒。然后它会成功重置值。

有人知道我为什么会这样吗？怎么解决？

Answer 1

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

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