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

Question

我有以下一段 JavaScript 代码:

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

这是重置 iframe 样式高度的非常通用的方法，我的问题是 iframe 'urlPx' 的高度在 IE8 上没有成功重置，iframe 的大小在我的 IE 屏幕 View 中没有改变，然后我尝试了在 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] 来设置它.