下面代码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='#' οnclick=saveType('')>确定</a> <a href='#' οnclick='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();