Question

我有一个网页，其中iframe中有一个textarea。我需要使用JavaScript从其子页面读取此textarea的值。

目前，通过在JavaScript中使用window.parent.getelementbyID().value，我可以获取父页面中除iframe中的textarea之外的所有控件的值。

任何人都可以给我任何指示来解决这个问题吗？

Answer 1

如果您的iframe与您的父网页位于同一个域中，则可以使用document.frames集合访问这些元素。

// replace myIFrame with your iFrame id
// replace myIFrameElemId with your iFrame's element id
// you can work on document.frames['myIFrame'].document like you are working on
// normal document object in JS
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

如果您的iframe不在同一个域中，则出于安全原因，浏览器应阻止此类访问。

Answer 2

您应该访问window而非document

的框架

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Answer 3

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

不适合我，但我找到了另一种解决方案。使用：

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId')

我在Firefox和Chrome上查了一下。

Answer 4

这段代码对我有用：

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId');

Answer 5

确保您的iframe 已加载。没有jQuery的旧但可靠的方式：

<iframe src="samedomain.com/page.htm" id="iframe" onload="access()"></iframe>

<script>
function access() {
   var iframe = document.getElementById("iframe");
   var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
   console.log(innerDoc.body);
}
</script>

Answer 6

两种方式

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId')

OR

window.frames['myIFrame'].contentWindow.document.getElementById('myIFrameElemId')

访问JavaScript中的iframe元素

6 个答案: