`
xutao7787
  • 浏览: 54466 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics