javascript - IFrame 在 Firefox 中工作但在 IE 中不工作

Question

我正在尝试在弹出模式窗口中使用 IFrame 创建一个 AJAX 外观的文件 uploader 。脚本在目标页面上运行并上传文件后，我会使用以下代码返回到我的模态窗口:

function stopUpload(success) {
        var result = '';
        if (success == 0) {
            document.getElementById('result').innerHTML = '<div class="msg-error" style="width:492px;">There was an error during file upload!<\/div><br/>';
        } else if (success == 2) {
            document.getElementById('result').innerHTML = '<div class="msg-error" style="width:492px;">ERROR! Please upload a document with the following file types....<br/><br/>txt, doc, xls, rtf, ppt, pdf, jpg, jpeg, gif, png, xlsx, docx, png, pps, ppsx, ppt<\/div><br/>';
        } else {
            var dom_string = success;
            var dom_target = window.top.document.getElementById('table_body');
            dom_target.innerHTML = dom_string;
            document.getElementById('result').innerHTML = '<div class="msg-status" style="width:492px;">The file was uploaded successfully!<\/div><br/>';
        }
        document.getElementById('f1_upload_process').style.visibility = 'hidden';
        return true;
    }

上面的代码应该在我的模态窗口中给出一条成功消息，然后更新模态窗口后面父页面上的文件列表，以便该人可以处理另一个上传。在 FF 18 中一切正常，但 IE 9 在开发人员工具栏上抛出以下错误:

SCRIPT600:此操作的目标元素无效。

dom_target.innerHTML = dom_string;

我对此感到困惑，因为 table_body 是目标的 ID，而且它在 Firefox 中工作得很好。有任何想法吗？我正在拔头发。

Answer 1

来自 MSDN:

The innerHTML property is read-only on the col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects.

您可以使用 DOM API 来完成，或者您可以替换整个 <table>相反。