Delete TABLE row TR with JavaScript

Question

I am trying to delete the TR from the table using JavaScript and I don't know for some reasons when I click on delete button its not deleting the complete TR instead its just deleting the img file.

function remove(rowid)  
{   
    var row = document.getElementById(rowid);
    var table = row.parentNode;
    while ( table && table.tagName != 'TABLE' )
        table = table.parentNode;
    if ( !table )
        return;
    table.deleteRow(row.rowIndex);
}

Please check the JS Fiddle for reference http://jsfiddle.net/h09wsrox/

Thanks

Sam1604 · Accepted Answer · 2014-08-22 07:32:19Z

4

function removee(rowid)  
{   
    var row1 = document.getElementById(rowid);
    var table1 = row1.parentNode;
    while ( table1.tagName != 'TABLE' )
        table1 = table1.parentNode;
    if ( !table1 )
        return;
    table1.deleteRow(row1.rowIndex);

}

I have updated your js function name to remove to removee and also some small changes in it.

Here is a DEMO

JavaScript in separate block DEMO

I hope it helps you.

edited Aug 22, 2014 at 7:32

answered Aug 22, 2014 at 7:06

Sam1604

1,4973 gold badges16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jukka K. Korpela Over a year ago

The problem is indeed with the identifier remove, which is treated as predefined for some reason. Replacing it by any suitable identifier fixes the problem. I would rather use a more natural identifier like removeRow.

Sam1604 Over a year ago

stackoverflow.com/questions/5468350/… refer this and also check the Demo in my answer

japtain.cack · Accepted Answer · 2014-08-22 07:03:43Z

1

I had to do a similar function but to a whole class. It should be similar though. Not sure of your requirements, but I used JQuery to accomplish this.

function remove(rowid){
    $("#" + rowid).remove();
}

Source

answered Aug 22, 2014 at 7:03

japtain.cack

1321 silver badge11 bronze badges

3 Comments

japtain.cack Over a year ago

Try this one. Note I had to change the settings on the left. jsfiddle.net/h09wsrox/23

japtain.cack Over a year ago

You could also make it have animations like this: jsfiddle.net/h09wsrox/24

japtain.cack Over a year ago

Just remember, when using JQuery, you should use the $(document).ready(function(){ yourjqueryhere }); learn.jquery.com/using-jquery-core/document-ready

Collectives™ on Stack Overflow

Delete TABLE row TR with JavaScript

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related