Delete a row from a table by id

Question

I have a little problem  I have some dynamically created tables and each row has an id  I want to delete the row with the id  x    I tried the usual method  removeChild  but it doesn t work for tables apparently   function deleteRow tableid  rowid               document getElementById tableid  removeChild document getElementById rowid             The error I get is  Node was not found  code   8  I also tried this   function deleteRow tbodyid  rowid               document getElementById tbodyid  removeChild document getElementById rowid              and got the same error   I can t use the deleteRow   method because that one needs the index of the row and I prefer not to search for the id mark the index then delete  even though if I don t find other solutions

User · Answer

Something quick and dirty    lt script type  text javascript  gt  function del tr remtr             while  remtr nodeName toLowerCase      tr           remtr   remtr parentNode       remtr parentNode removeChild remtr     function del id id                 del tr document getElementById id       lt  script gt    if you place    lt a href    onclick  del tr this  return false   gt x lt  a gt    anywhere within the row you want to delete  than its even working without any ids

User · Answer

From this post  try this javascript   function removeRow id      var tr   document getElementById id     if  tr        if  tr nodeName     TR           var tbl   tr     Look up the hierarchy for TABLE       while  tbl    document  amp  amp  tbl nodeName     TABLE             tbl   tbl parentNode                 if  tbl  amp  amp  tbl nodeName     TABLE             while  tr hasChildNodes                tr removeChild  tr lastChild                    tr parentNode removeChild  tr                  else         alert   Specified document element is not a TR  id     id              else       alert   Specified document element is not found  id     id            I tried this javascript in a test page and it worked for me in Firefox

User · Answer

The parent of the row is not the object you think  this is what I understand from the error  Try detecting the parent of the row first  then you can be sure what to write into getElementById part of the parent

User · Answer

lt tr gt  lt a href  javascript void 0    class  remove  gt X lt  a gt  lt  tr gt    lt script type  text javascript  gt       table   on  click     remove   function               this  parent   parent  tr   remove

User · Answer

to Vilx-   var table   row parentNode  while   table  amp  amp  table tagName     TABLE        table   table parentNode    and what if row parentNode is TBODY   You should check it out first  and after that do while by  tBodies  probably

User · Answer

And what about trying not to delete but hide that row

User · Answer

How about   function deleteRow rowid             var row   document getElementById rowid       row parentNode removeChild row       And  if that fails  this should really work   function deleteRow rowid             var row   document getElementById rowid       var table   row parentNode      while   table  amp  amp  table tagName     TABLE            table   table parentNode      if    table           return      table deleteRow row rowIndex

[javascript] Delete a row from a table by id

Examples related to javascript

Examples related to html

Examples related to dom

Examples related to row