如何使用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里面的内容.

Answer 2

使用jQuery你可以使用contents().例如:

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