读书人

IE7上appendChild不生效解决方法

发布时间: 2012-11-20 09:55:43 作者: rapoo

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>    <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();

读书人网 >Web前端

热点推荐