HTML Table 的 insertBefore 方法中的 InvalidArgument

Question

我想我知道这是一个 IE 错误... 我需要在 HTML 表格的确切位置添加新行。 （不想要 insertRow(index) 因为由于其他原因这看起来会更好）

function AddNewItem(td) {   ///td comes from button at the HTML code, <input ... onclick="AddNewItem(this.parentNode)"
  var grid = GetGrid();
  var itemIndex = $(td.parentNode).attr('index');
  ///alert(itemIndex + "'e eklenecek");
  var newRow = document.createElement('tr');
      var td1 = document.createElement('td');$(td1).addClass('td');
      var td2 = document.createElement('td');$(td2).addClass('td text r');
      var td3 = document.createElement('td');$(td3).addClass('td text r');
      var td4 = document.createElement('td');$(td4).addClass('td text r');
  $(newRow).append(td1);$(newRow).append(td2);$(newRow).append(td3);$(newRow).append(td4);

  grid.insertBefore(newRow, td.parentNode); ///THIS GIVES AN INVALIDARGUMENT error .. Any solutions will be appreciated :)
}


function GetGrid() {
 var grid = document.getElementById("MasterTableView");
 return grid;
}

Answer 1

我的猜测是td.parentNode不是grid的子元素。看看 insertBefore 的 W3C 规范，以确保您使用有效的参数调用该方法。

Answer 2

我猜想您向 AddNewItem 传递了一个无效参数，（至少在 IE 中）它不是像您想象的那样的 td 元素。