Question

我将带有目标的表单提交给iFrame。现在，当我尝试获取iFrame的innerHTML时，我得到null。这是我的代码：

<form  name="upload_form" action="" method="post" target="upload_target">
//----- other tags
</form>
<iframe id="upload_target" name="upload_target" src=""></iframe>

该操作返回一个将设置为iFrame的id值。之后，当我尝试获取iFrame的innerHTML时，它显示为null。在ui中，我可以在iFrame中看到id值。

js代码：

alert(document.getElementById("upload_target").innerHTML);

如何从iFrame中获取id值？

Answer 1

您应该使用contentWindow属性来访问iframe内容：

document.getElementById('upload_target').contentWindow.document.documentElement.innerHTML

Answer 2

您可以在父窗口中返回调用回调函数的html页面：

<html>
<head runat="server">
    <title>Upload Result</title>
</head>
<body>
    <script type="text/javascript">
        window.onload = function () {
            var fn = parent['uploadSuccess'];
            if (fn) {
                fn(<fileId>);
            }            
        };
    </script>
</body>
</html>

在父窗口中：

window['uploadSuccess'] = function(fileId) {
   // do something with the fileId
}

获取iFrame的更新值

2 个答案: