Home/ Questions/Q 7197017
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T20:53:23+00:00

This is my code: function deleteHostTable(src) { var table = src.parentNode.parentNode.parentNode; if(table.rows.length > 1)

  • 0

This is my code: 

    function deleteHostTable(src) {
        var table = src.parentNode.parentNode.parentNode;
        if(table.rows.length > 1) {             
            table.deleteRow(src.parentNode.parentNode);
        }
         }
    function addHost(src) {
         var table = src.parentNode.parentNode.parentNode;
        var newRow = table.insertRow(table.rows.length-1);

        var cell = newRow.insertCell(newRow.cells.length);

        cell.innerHTML = '<input type="hidden" name = "vtierIdH" value = "vtierId" />'

        cell = newRow.insertCell(newRow.cells.length);
        cell.innerHTML = '<img src="images/minus.gif" onclick="deleteHostTable(this);return false;"/>';

        cell = newRow.insertCell(newRow.cells.length);
        cell.className = "pagetitle";
        cell.innerHTML = '<input type = "text" value="hstst" />';
    }
</script>
<html>
<table id="host#1" index="1">
        <tr>
            <td colspan="10">
            <h2 align="left" class="pagetitle">Sub Account Hosts:</h2>
            </td>
        </tr>
        <tr>
            <input type="hidden" name="vtierIdH" value="<%=vtierId %>" />

            <td><button id="minus" onclick="deleteHostTable(this);"/></td>
            <td class="pagetitle"><input type="text" value="hstst" /></td>
        </tr>
        <tr>
            <td><button  onclick="addHost(this);"></td>
        </tr>
    </table>
</html>

Now, when i click the button corresponding to a button, this code deletes the uppermost row
and not the row corresponding to that button which is clicked. How can i delete the row corresponding to the button in that row?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Just change your remove function to

    function deleteHostTable(src) {
    var row = src.parentNode.parentNode;
    row.parentNode.removeChild(row);
}

    The reason it’s not working with deleteRow is that it expects the index of the row to be passed while you are passing an object.

    • 0