在IE浏览器里，使用tr的innerHTML不管用的解决方案（原创）

程序一个bug：

 

点击按钮，调用js，添加一行，行里多个td，td里有select、textfield等。

我使用tr的innerHTML来复制一行。

在google浏览器里点击按钮可以增加一行。

在IE里点击按钮不能增加一行。

 

 

 

例如，我如下的代码：

     function add(obj){
                var addTbl=document.getElementById("addTbl");
                var row=addTbl.rows.length-2;
               
                var oTRTemp=addTbl.rows[1];
                var oTR=addTbl.insertRow(row+1);//tr
               oTR.innerHTML=oTRTemp.innerHTML;

 

想要把第一行的tr里的所有内容，包括td，td里有select textfiled等全部复制一份，赋给先建立的一行OTR。

以上这种方式，在google浏览器可以实现。在ie里不可以实现。

 

原因：在IE里table和tr的innerhtml不管用，要降到td一级使用innerHTML

 

所以，我们要修改代码，如下：

 

  function add(obj){
                var addTbl=document.getElementById("addTbl");
                var row=addTbl.rows.length-2;
               
                var oTRTemp=addTbl.rows[1];
                var oTR=addTbl.insertRow(row+1);//tr
               // oTR.innerHTML=oTRTemp.innerHTML;（错误的）
               
                var cell0 = document.createElement("td");
                cell0.innerHTML = oTRTemp.children[0].innerHTML;
                oTR.appendChild(cell0);
    
               var cell1 = document.createElement("td");
                cell1.innerHTML = oTRTemp.children[1].innerHTML;
                oTR.appendChild(cell1);
               
               var cell2 = document.createElement("td");
                cell2.innerHTML = oTRTemp.children[2].innerHTML;
                oTR.appendChild(cell2);
               
                var cell3 = document.createElement("td");
                cell3.innerHTML = oTRTemp.children[3].innerHTML;
                oTR.appendChild(cell3);
               
                var cell4 = document.createElement("td");
                cell4.innerHTML = oTRTemp.children[4].innerHTML;
                oTR.appendChild(cell4);
               
                var cell5 = document.createElement("td");
                cell5.innerHTML = oTRTemp.children[5].innerHTML;
                oTR.appendChild(cell5);

 

即为：把innerhtml的应用降到了td一层。

 

 

更多信息详见：http://www.jb51.net/article/23046.htm