javascript - iFrame 属性不会通过 JS DOM 更新

标签 javascript iframe

又是一个菜鸟问题,这个问题对我来说是个谜。

我正在尝试注入(inject) JS 代码,并为此使用 iFrame。

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

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

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

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

但是正如您所看到的,没有任何反应。 SRC 和 VISIBILIY 属性均未更新。

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

有什么想法吗?

最佳答案

你缺少“风格”。

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

或者更好的是,使用“display”而不是“visibility”(使用 display: none; 开始):

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

关于javascript - iFrame 属性不会通过 JS DOM 更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3486865/

相关文章:

javascript - 名为 "open"的函数加载一个新页面 - 尝试使用内联 JS 更改 iframe src

javascript - 加密文本每次都改变 -Msrcrypto

javascript - 渲染多个独立的 redux-form

javascript - 如何返回修改后的所有值

javascript - 在重新加载另一个 html 页面后关闭 iframe

javascript - 不安全的 JavaScript 尝试使用框架访问

python - Selenium 中的空 iframe 但已填充浏览器 (python)

css - Youtube iframe 响应并向左浮动

javascript - Ember.getOwner 用于集成测试中的服务查找

javascript - 动态调整带有 "position: absolute"子元素的 div 元素的大小