Firefox 3.6.18 和 IE Javascript 将行插入表中

Question

我创建了一个将一些行插入到表中的脚本。脚本如下所示：

 for (j = 0; j < <?php echo $i; ?>; j++)
    {
        if ((utilizator[j]['nume'].toLowerCase().indexOf(nume.toLowerCase()) != -1) && (utilizator[j]['locatie'].toLowerCase().indexOf(locatie.toLowerCase()) != -1) && (utilizator[j]['varsta'].toLowerCase().indexOf(varsta.toLowerCase()) != -1) && (utilizator[j]['email'].toLowerCase().indexOf(email.toLowerCase()) != -1) && (utilizator[j]['telefon'].toLowerCase().indexOf(telefon.toLowerCase()) != -1))
        {
            var insertString = '<td>'+utilizator[j]['nume']+'</td>';
            insertString += '<td>'+utilizator[j]['locatie']+'</td>';
            insertString += '<td>'+utilizator[j]['varsta']+'</td>';
            insertString += '<td>'+utilizator[j]['email']+'</td>';
            insertString += '<td>'+utilizator[j]['telefon']+'</td>';
            insertString += '<td>'+utilizator[j]['punctaj']+'</td>';
            if (utilizator[j]['suspendat'] != 1)
            {
                insertString += '<td id="suspendareButon'+utilizator[j]['id']+'"><input type="button" value="Suspenda" onclick="suspendare(1, '+utilizator[j]['id']+')" /></td>';
            }
            else
            {
                insertString += '<td id="suspendareButon'+utilizator[j]['id']+'"><input type="button" value="Activeaza" onclick="suspendare(0, '+utilizator[j]['id']+')" /></td>';
            }
            var trTag = document.createElement("tr");
            trTag.innerHTML = insertString;
            document.getElementById("utilizatoriId").appendChild(trTag);
        }
    }

脚本在 Firefox 4.0+ 中运行良好（所以我没有发现问题），但我的一位同事使用的是 Firefox 3.6.18，似乎 td 标记已被剥离。我得到类似<tr>data data data data...</tr> 而不是<tr></td>data</td><td>data</td>...</tr>。

任何想法为什么会发生这种情况？

在 IE 中我也得到一个错误并且什么都没有显示（错误是“对象不显示这个属性或方法”，我不能准确地指出这一行，因为 IE 不善于报告......）

Answer 1

你可以试试这个吗？

您不应该将Child 附加到表格，而应该附加到 tBody，但假设我的所有语法都正确，这将附加到表格本身

  var util, trTag, tdTag, input, suspend, max = <?php echo $i; ?>;
  for (var j = 0; j < max; j++) {
    util = utilizator[j];
    if ((util['nume'].toLowerCase().indexOf(nume.toLowerCase()) != -1) &&
        (util['locatie'].toLowerCase().indexOf(locatie.toLowerCase()) != -1) && 
        (util['varsta'].toLowerCase().indexOf(varsta.toLowerCase()) != -1) && 
        (util['email'].toLowerCase().indexOf(email.toLowerCase()) != -1) && 
        (util['telefon'].toLowerCase().indexOf(telefon.toLowerCase()) != -1)) {
      trTag = document.getElementById("utilizatoriId").insertRow(-1);
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['nume']));
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['locatie']));
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['varsta']));
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['email']));
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['telefon']));
      tdTag = trTag.insertCell(-1);
      tdTag.appendChild(document.createtextNode(util['punctaj']));
      input = document.createElement("input");
      suspend = (util['suspendat'] != 1);
      input.type="button";
      input.id = "suspendareButon'+util['id'];
      input.value = (suspend)?"Suspenda":"Activeaza";
      input.onclick=function() {
        var suspend = this.value==="Suspenda"?1:0;
        var id = this.id.replace("suspendareButon","");
        suspendare(suspend,id);
      }  
    }
  }

Answer 2

已经讨论过的问题：Insert rows into table

查看文章：

http://www.ericvasilik.com/2006/07/code-karma.html