日期:2014-05-17 浏览次数:20785 次
程序一个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