使用Javascript刪除HTML表格行

Question

我正在使用下面的代碼來刪除HTML表格行使用javascript，但它給了我錯誤。

使用下面的代碼我正在使用包含刪除錨標記的JavaScript在運行時創建一個列。

  var tbody = document.getElementById("<%= tblcriteria.ClientID %>").getElementsByTagName("TBODY")[0]; 

var row = document.createElement("TR") 
var td4 = document.createElement("TD"); 
var code = "<a href=\"javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\">delete</a>"; 
    td4.setAttribute("align", "center"); 
    td4.innerHTML = code; 
    row.appendChild(td4); 
    tbody.appendChild(row); 

下面的功能，我使用刪除HTML表格的當前行：

function deleteCriteria(i) { 
     if (window.confirm('Are you sure you want to delete this record?') == true) { 
      document.getElementById("<%= tblcriteria.ClientID %>").deleteRow(i); 

     } 
    } 

它給我下面的錯誤：

'this.parentNode.parentNode.rowIndex' is null or not an object 

請告訴我，我在哪裏犯錯..

Answer 1

this不指向<a>元素，b走到窗前。

Answer 2

由於@Sjoerd提到你應該使用onClick來代替。

此行

var code = "<a href=\"javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\">delete</a>";

應該讀

var code = "<a href=\'#\' onclick=\'javascript:deleteCriteria(this.parentNode.parentNode.rowIndex);\'>delete</a>";