在IE浏览器里,使用tr的innerHTML不管用的解决方案(原创)

程序一个bug:

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

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

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

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

例如,我如下的代码:

     function add(obj){

varaddTbl=document.getElementById("addTbl");

varrow=addTbl.rows.length-2;

varoTRTemp=addTbl.rows[1];

varoTR=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){

varaddTbl=document.getElementById("addTbl");

varrow=addTbl.rows.length-2;

varoTRTemp=addTbl.rows[1];

varoTR=addTbl.insertRow(row+1);//tr

//oTR.innerHTML=oTRTemp.innerHTML;(错误的)

varcell0=document.createElement("td");

cell0.innerHTML=oTRTemp.children[0].innerHTML;

oTR.appendChild(cell0);

varcell1=document.createElement("td");

cell1.innerHTML=oTRTemp.children[1].innerHTML;

oTR.appendChild(cell1);

varcell2=document.createElement("td");

cell2.innerHTML=oTRTemp.children[2].innerHTML;

oTR.appendChild(cell2);

varcell3=document.createElement("td");

cell3.innerHTML=oTRTemp.children[3].innerHTML;

oTR.appendChild(cell3);

varcell4=document.createElement("td");

cell4.innerHTML=oTRTemp.children[4].innerHTML;

oTR.appendChild(cell4);

varcell5=document.createElement("td");

cell5.innerHTML=oTRTemp.children[5].innerHTML;

                oTR.appendChild(cell5);

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

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

相关推荐