如何使用 Javascript 访问 iframe 元素？

Question

我有一个网页，其中 iframe 中有一个文本区域。我需要从它的子页面 JavaScript 中读取这个 textarea 的值。目前通过在 JavaScript 中使用window.parent.getelementbyID().value，我能够获取父页面中除 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 现在是对文档的引用，因此您可以根据 iframe src 中的内容执行 getElementsByTagName('textarea') 和任何您喜欢的操作。

Answer 2

使用 jQuery 你可以使用contents()。例如：

var inside = $('#one').contents();