从主窗口访问iframe内部属性

时间:2016-09-07 08:03:08

标签: javascript jquery iframe

我正在使用flask创建一个Web应用程序,我的网页中有一个iframe,它的内容是本地html文件。我想访问这个html文件属性并更新它们(在iframe中更改文本onclick - 在一个iframe中单击我想要更改我在页面中的所有iframe中的内容,这就是为什么我&#39 ; m处理主窗口中的点击。

<iframe height="300px" width="100%" name="iframe" src="static/iframe1.html"></iframe>

所以我希望能够访问iframe文档并尝试使用

document.getElementById("iframe").contentDocument.getElementById("iframe_div").innerHTML = data.result[0];

但我得到了错误

  

未捕获的TypeError:无法读取属性&#39; contentDocument&#39;为null

你能帮我理解我在做什么有什么不对吗?

1 个答案:

答案 0 :(得分:0)

显示错误是因为您正在尝试获取ID为&#34; iframe&#34;的元素。

应该是:

<iframe id="iframe" height="300px" width="100%" name="iframe" src="static/iframe1.html"></iframe>

除此之外,您无法更改iframe行为