iFrame 属性不会通过 JS DOM 更新答案

【问题标题】：iFrame properties don't get updated through JS DOMiFrame 属性不会通过 JS DOM 更新
【发布时间】：2011-03-30 01:10:19
【问题描述】：

另一个菜鸟问题，这对我来说是个谜。

我正在尝试注入 JS 代码，并为此使用 iFrame。

这里我最初创建了一个隐藏的 iFrame

然后我将一个新的 JS 代码注入其中： document.getElementById('movie_loader').src = 'jwplayer.php?id=5');

并使其可见： document.getElementById('movie_loader').visibility = 'visible';

但如您所见，没有任何反应。 SRC 和 VISIBILIY 道具都没有更新。

当我使用 DISPLAY 属性时也发生了同样的情况。

有什么想法吗？

【问题讨论】：

请在此处显示您的代码。
另外，您的浏览器错误控制台中是否出现任何 js 错误？
看看这个，也许这可以帮助您找到显示/隐藏方式之间的解决方案：stackoverflow.com/questions/7712292/…（您在可见性和显示命令之前缺少“.style”）

【解决方案1】：

第一行有语法错误，最后多了一个)，需要在第二行加上.style，像这样：

document.getElementById('movie_loader').src = 'jwplayer.php?id=5';
document.getElementById('movie_loader').style.visibility = 'visible';

元素上的样式存储为.style 下的对象，而不是直接属性。

不过，一旦你解决了这个问题......它找不到 jwplayer.php 文件，它是一个 404，所以你需要以某种方式调整路径......我不确定它在你的网站上的确切位置，但在以下位置找不到它：http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/jwplayer.php?id=5

【讨论】：

【解决方案2】：

您缺少“风格”。

document.getElementById('movie_loader').style.visibility = 'visible';

或者更好，使用“显示”而不是“可见性（使用display: none; 开始）：

 document.getElementById('movie_loader').style.display = 'block';

【讨论】：