javascript - 调用 Array.length 时出现未知错误

Question

首先我要说的是我对 JS 没有太多经验。目前我正在尝试使用 MVC 框架实现一个 web 应用程序。我正在开发一款也与 Internet Explorer 兼容的应用程序。在那种情况下，我使用以下 JS 方法来填充一个表，该表在所有浏览器中都可以正常工作....

function populateTable(array) {
document.getElementById("instalationTable").style.display = "block";
var table = document.getElementById("ActivityDescription_installationID");
table.innerHTML = "";
elementsInTable = array;
var x = 0;
for (i = 0; i < (array.length * 2) ; i++) {
    //alert(i);
    if ((i % 2) == 0) {
        //ID Row

        var row = table.insertRow(i);

        var cell_1 = row.insertCell(0);
        cell_1.innerHTML = "<input type='text' disable='' class='form-control' value=" + array[x]     + ">";
        x = x + 1;

        var cell_2 = row.insertCell(1);
        cell_2.innerHTML = "<span class='btn btn-default' onclick='showEditRow(this)'><img src='../../Content/images/1414409386_48-24.png' /></span>";

        var cell_3 = row.insertCell(2);
        cell_3.innerHTML = "<span class='btn btn-default' onclick='removeRow(this)'>X</apan>";
    }
    else {
        //Detail Row
        var rowDetails = table.insertRow(i);
        var cell = rowDetails.insertCell(0);
        //cell.colspan = "3";
        cell.innerHTML = "<table style='background-color:rgb(98, 98, 98);color:black;border- radius: 5px;' margin:2%; >" +
            "<tr>" +
                "<td><input type='checkbox' id='"+x+"_appServer'/> Application Server</span></td>" +
                "<td>" +
                    "<select id='" + x + "_appServerVersion'>" +
                        "<option>Application version</option>" +
                    "</select>" +
                "</td>" +
            "</tr>" +
            "<tr>" +
                "<td colspan='2'><input type='radio' name='database' id='"+x+"_emptyDb' onChange='enableOptions(1)'/>" +
                " Empty Database</br><input type='radio' name='database' id='" + x + "_instalationSlt' onChange='enableOptions(2)'/> Something Databse</td>" +
            "</tr>" +

            "<tr id='emptyDB'>" +
                "<td>" +
                    "Oracle Version"+
                    "<select id='JS_OraVersion' name='" + x + "_oraVersion' style='width:100%'>" +
                        "<option>Ora version</option>" +
                    "</select>" +
                "</td>" +
                "<td>" +
                    "Character Set" +
                    "<select id='JS_ChaSet' name='" + x + "_ChaSet' style='width:100%'>" +
                        "<option>Cha Set</option>" +
                    "</select>" +
                "</td>" +
            "</tr>" +
            "<tr id='dbImport'>" +
                "<td>" +
                    "Something version" +
                    "<select id='JS_ImportVersion' name='" + x + "_ImportVersion' style='width:100%'>" +
                        "<option>Something version</option>" +
                    "</select>" +
                "</td>" +
                "<td>" +
                    "Something Charachter" +
                    "<select id='JS_ImportChaSet' name='" + x + "_ImportChaSet' style='width:100%'>" +
                        "<option>Something Cha</option>" +
                    "</select>" +
                "</td>" +
            "</tr>" +
            "<tr>" +
                "<td colspan='2'>" +
                    "Additional Requests </br>" +
                    "<textarea rows='4' id='" + x + "_specialReq' cols='37'> </textarea>" +
                "<td/>"+
            "</tr>"+
            "</table>";
        rowDetails.style.display = 'none';
        Lock();
    }
}
document.getElementById("instalationTable").style.display = "block";

我正在上面的表格行中填充一个表单，该表单收集一些数据以继续。收集数据我正在使用以下功能，该功能适用​​于谷歌浏览器但不适用于 Internet Explorer..

function getAllData() {
var StringtoSent = "";
for (i = 0; i < (elementsInTable.length) ; i++) {
    var InsId = elementsInTable[i];
    var _appServer = document.getElementById((i + 1) + "_appServer").checked;
    var _appServerVersionDropDown = document.getElementById((i + 1) + "_appServerVersion");
    var _appServerVersion = _appServerVersionDropDown.options[_appServerVersionDropDown.selectedIndex].value;
    var _emptyDb = document.getElementById((i + 1) + "_emptyDb").checked;
    var _instalationSlt = document.getElementById((i + 1) + "_instalationSlt").checked;
    var _oraVersionDropDown = document.getElementsByName((i + 1) + "_oraVersion")[0];
    var _oraVersion = _oraVersionDropDown.options[_oraVersionDropDown.selectedIndex].value;
    var _ChaSetDropDown = document.getElementsByName((i + 1) + "_ChaSet")[0];
    var _ChaSet = _ChaSetDropDown.options[_ChaSetDropDown.selectedIndex].value;
    var _ImportVersionDropDown = document.getElementsByName((i + 1) + "_ImportVersion")[0];
    var _ImportVersion = _ImportVersionDropDown.options[_ImportVersionDropDown.selectedIndex].value;
    var _ImportChaSetDropDown = document.getElementsByName((i + 1) + "_ImportChaSet")[0];
    var _ImportChaSet = _ImportChaSetDropDown.options[_ImportChaSetDropDown.selectedIndex].value;
    var _specialReq = document.getElementById((i + 1) + "_specialReq").value;

    StringtoSent = StringtoSent + "," + InsId + "," + _appServer + "," + _appServerVersion + "," + _emptyDb + "," + _instalationSlt + "," + _oraVersion + "," + _ChaSet + "," + _ImportVersion + "," + _ImportChaSet + "," + _specialReq + "|";
    //return StringtoSent;
    document.getElementById("ActivityDescription_instalationDetails").value = StringtoSent;

}

下图显示了我在 VS 2012s IIS Express 上崩溃时遇到的错误。

for (i = 0; i < (elementsInTable.length) ; i++) {

是表示错误位置的地方。它始终突出显示“elementsInTable.length”代码段。

实际上这个错误消息没有详细说明。我发现了一些关于相同错误的文章，但在尝试更改元素的内部 HTML 时发生。但这些解决方案与这种情况不兼容。请帮我解决这个问题

提前致谢

Answer 1

终于找到错误了

        cell.innerHTML = "<table style='background-color:rgb(98, 98, 98);color:black;border- radius: 5px;' margin:2%; >" +

在上一行中我错误地添加了一个 CSS 属性“margin:2%;”进错地方了Google chrome 的智能足以管理情况并继续进行事件，但 Internet Explorer 则不然。正如我发现的那样，这是在不同情况下提示相同错误的事实。

例如:

http://www.webdeveloper.com/forum/showthread.php?22946-innerHTML-amp-IE-Unknown-Runtime-Error http://www.webdeveloper.com/forum/showthread.php?22946-innerHTML-amp-IE-Unknown-Runtime-Error

因此，如果您在使用“element.InnerHTML”或“document.Write”的 Java Script 代码中遇到任何未知错误，最好检查您的标签是否已正确关闭。

我发现其他几种情况也会产生同样的错误

1. IE shows run time error for innerHTML
2. InnerHTML issue in IE8 and below

大多数情况下，您可以通过遵循 W3C 标签建议 (http://www.w3.org/TR/html401/struct/global.html) 来避免此错误。