iFrame属性不会通过JS DOM更新

Question

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

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

测试网址 - ＆gt; http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/

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

然后我注入一个新的JS代码： document.getElementById（'movie_loader'）。src ='jwplayer.php？id = 5'）;

并使其可见： document.getElementById（'movie_loader'）。visibility ='visible';

但是你看不到任何事情。 SRC和VISIBILIY道具都没有更新。

当我使用DISPLAY属性时也是如此。

有什么想法吗？

Answer 1

你错过了'风格'。

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

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

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

Answer 2

第一行有一个语法错误，最后有一个额外的)，你需要在第二行添加.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

找不到