如何使用Javascript访问iframe元素？

Question

我有一个网页，其中iframe内有一个texarea。我需要从其子页面javascript读取此textarea的值。目前，通过window.parent.getelementbyID().value在javascript中使用，我能够提取父页面中除iframe中的textarea之外的所有控件的值。

父页面中的框架ID和框架名称在运行时会更改，因此我们无法使用框架ID /框架名称作为参考。

Answer 1

如果您有HTML

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

和JavaScript

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

inside现在是对文档的引用，因此您可以执行getElementsByTagName('textarea')任何操作，具体取决于iframe
src中的内容。