Question

如何从父文档中访问框架中包含的HTML元素？
我尝试过window.frames，contentWindow和parent.frames，但是我遇到了各种各样的错误。

以下是父HTML文件的代码：

<html>
    <head>
        <title>Parent HTML file</title>
        <script type="text/javascript">
            alert(window.frames["frame1"].window.getElementsByTagName("input")[0].value);
            alert(document.getElementsByName("frame1").contentWindow);
            alert(parent.frames[0]document.getElementsByTagName("input")[0].value);
        </script>
    </head>
        <frameset cols="50%,50%">
            <frame src="frame1.html" name="frame1">
            <frame src="frame2.html" name="frame2">
                <noframes>
                    <body>
                        <p>Text</p>
                    </body>
                </noframes>
        </frameset>
</html>

Answer 1

您尝试引用它们时，

frames集合或任何input都不存在。你可以试试这个：

window.onload = function () {
    alert(window.frames["frame1"].document.getElementsByTagName("input")[0].value;
}

请注意，frames collection包含window个对象而不是frame/iframe元素。

从父文档访问帧内的HTML元素

1 个答案: