使用JavaScript刪除節點

Question

我試圖在點擊一個按鈕時刪除一行。它工作正常，除非我在一個表內。我的JSP在表中有50行的組合，之後我們嵌套這些表。現在，我的問題是如果我想刪除上一個表中的最後一行，我應該怎麼做？

我附上UI和調試器HTML視圖的屏幕截圖。任何建議都會有所幫助。

[DROW]這裏是我們有一個樹結構的不同行。我們需要首先爬到每一行，然後向下移動到lastChild以刪除最後一行。

這是唯一可能的，如果我的previousRow包含最後一行val。我無法理解它。

function removeAnotherResponse(arg0, data, response, request){ 

// Make sure the response has everything we need 
if(arguments==null || arguments.length<4 || !request.content || request.content==null || !request.content.groupUniqueId || request.content.groupUniqueId==null){ 
    return; 
} 

// Check for true response 
if(!data || data==null || !data[0] || !data[0].removedSuccess || data[0].removedSuccess!=true){ 
    return; 
} 

var groupUniqueId=request.content.groupUniqueId; 

// Get the add another button row and add the new row before it. 
var addAnotherRow=document.getElementById("ADD_"+groupUniqueId); 
if(addAnotherRow==null) return; 

    var previousRow=document.getElementById("ADD_"+groupUniqueId).previousSibling; 
    addAnotherRow.parentNode.removeChild(previousRow); 



showOrHideAddRemoveButtons(groupUniqueId, data[0].removeButton, data[0].addButton); 
updateSectionCount(groupUniqueId, false); 
getPortCount(groupUniqueId); 

}

Answer 1

謝謝大家提示我改正html代碼。

UI元素確實爲我在其他方面造成了問題。現在，我不是創建一個新的，而是找到了處理這個問題的其他方法，而且我的HTML代碼變得更簡單了。 PFB腳本已經改變了。感謝所有的建議:)

if (document.getElementById("ID" + gID) != null) { 

    innerElement = document.getElementById("ID_TD_" + gID); 
    innerElement.innerHTML = innerElement.innerHTML + responseHTML; 

} else { 

    innerElement = document.createElement("td"); 
    innerElement.setAttribute("id", "ID_TD_" + gID); 

    newElement.appendChild(innerElement); 
    innerElement.innerHTML = responseHTML; 

} 

Answer 2

您發佈的HTML片段似乎有一些問題（ID重複，使用<tr>作爲其他<tr>父）。我仍然回答你的主要問題如何刪除表格的行。您可以使用DOM table對象的deleteRow方法。 rows集合可用於訪問現有行，deleteRow和insertRow允許您修改表。