首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

IE7上appendChild不生效解决方法

2012-11-20 
IE7下appendChild不生效解决办法??下面代码IE8下正常,可以在table最后一行新增一个tr,但在IE7下无效? var

IE7下appendChild不生效解决办法

??下面代码IE8下正常,可以在table最后一行新增一个tr,但在IE7下无效

? var table = document.getElementById('offerTypeListTable');
??var tr = document.createElement("tr");
??tr.id = "newTr";
??var td1 = document.createElement("td");
??td1.innerHTML = " ";
??var td2 = document.createElement("td");
??var input = document.createElement("input");
??input.maxLength = '50';
??input.className = 'input';
??input.id = 'newTypeName';
??input.name = 'newTypeName';
??td2.appendChild(input);
??var td3 = document.createElement("td");
??td3.className = "alignC";
??//var a1 = document.createElement("a");
??td3.innerHTML = "<a name='determineButton' href='#' onclick=saveType('')>确定</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='cancel();'>取消</a>";
??tr.appendChild(td1);
??tr.appendChild(td2);
??tr.appendChild(td3);
??table.appendChild(tr);

?

? 可以把最后一行换成下面代码,用jQuery实现,解决兼容性问题,
??$('#offerTypeListTable').append(tr);

?

? 删除时:

? 原来写法:

??var tr = document.getElementById('newTr');
??var table = document.getElementById('offerTypeListTable');
??alert(tr);

? 改用jQuery新增后写法:
??$('#newTr').remove();

热点排行