Accessing HTML elements inside frames from parent document

StackOverflow https://stackoverflow.com/questions/18216509

  •  24-06-2022
  •  | 
  •  

質問

How can I access HTML elements contained in a frame from the parent document?
I have tried window.frames, contentWindow and parent.frames, but I get all kinds of errors.

Here is the code of the parent HTML file:

<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>
役に立ちましたか？

解決

frames collection or any inputs don't exist at the time you try to refer them. You can try this:

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

Notice, that frames collection contains window objects instead of frame/iframe elements.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top