deleting/adding row in tables using image button

[vish yeram]

i have 3 4 row of tables which is having dd,textboxes i wanted to delete rows using imagebutton which is along with that row. when u click that button that perticular row should delete it should in AJAX can u help me

[Dormilich]

why would you use AJAX for deleting a HTML element?

let's say you have

<tr>
  <td>
    <img src="del.gif" class="delete" alt="delete row">
  <td>
<tr>

since the click event knows on which element (<img>) it operates, you can climb up to the next <tr> and delete that.

function delete_row()
{
  // get the current element
  var current_node = this;
  // climb up the DOM tree
  while ("tr" != current_node.nodeName.toLowerCase()) {
    current_node = current_node.parentNode;
  }
  // delete
  current_node.parentNode.removeChild(current_node);
}
// get all delete-images
var del = document.getElementsByClassName("delete");
// attach event to all images
for (var i = del.length; i--;) {
  del[i].addEventListener("click", delete_row, true);
}

note: if you used a JS library like jQuery, that code becomes even easier.