使用Java腳本刪除HTML表行

Question

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

使用以下代碼，我在運行時使用包含刪除Anchor標記的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>元素，而是指向窗口。

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>";