Delete the entire table rendered from different pages using Javascript

Question

I am having a table like:

 <table id="toc" class="toc" border="1" summary="Contents">
 </table>

in many pages .. All these pages are rendered in a single page. when I apply the Javascript to delete that using on load. Only one table is deleted and not the others.

I am trying to delete the tables in all the rendering pages using Javascript. How to do this?

Edit :
I myself found the solution

 <script type='text/javascript'>
    window.onLoad = load(); 
  function load(){var tbl = document.getElementById('toc'); 
   if(tbl) tbl.parentNode.removeChild(tbl);} 
 </script>

Jonathan · Accepted Answer · 2010-04-22 06:23:47Z

4

Here's a rough sample

<html>
<head>
<script type="text/javascript">

    function removeTable(id)
    {
        var tbl = document.getElementById(id);
        if(tbl) tbl.parentNode.removeChild(tbl);
    }

</script>
</head>
<body>

<table id="toc" class="toc" border="1" summary="Contents">
    <tr><td>This table is going</td></tr>
</table>

<input type="button" onclick="removeTable('toc');" value="Remove!" />

</body>
</html>

answered Apr 22, 2010 at 6:23

Jonathan

6,0031 gold badge30 silver badges35 bronze badges

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

Comments

Sarfraz · Accepted Answer · 2010-04-22 06:27:05Z

4

Really want to delete the table altogether?

var elem = documenet.getElementById('toc');

if (typeof elem != 'undefined')
{
  elem.parentNode.removeChild(elem);
}

You could also hide the table rather than deleting it.

var elem = documenet.getElementById('toc');
elem.style.display = 'none';

If you need it later, you could simply do:

var elem = documenet.getElementById('toc');
elem.style.display = 'block';

edited Apr 22, 2010 at 6:27

answered Apr 22, 2010 at 6:21

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

4 Comments

Pierreten Over a year ago

I think he's better off hiding it via a style

Sarfraz Over a year ago

@Pierreten: Yes, it was important to post that. Thanks

useranon Over a year ago

Only in somecases the table gets removed. but not all the times .. Y so ??

Sushil Jadhav Over a year ago

This solution works for me but I wonder no one mentioned spelling mistake for documenet instead of correct one document.

Salil · Accepted Answer · 2010-04-22 06:25:18Z

0

<script type="text/javascript">
  function deleteTable(){
    document.getElementById('div_table').innerHTML="TABLE DELETED"
  }
</script>

<div id="div_table">

 <table id="toc" class="toc" border="1" summary="Contents">
 </table>
</div>
<input type="button" onClick="deleteTable()">

answered Apr 22, 2010 at 6:25

Salil

47.7k22 gold badges127 silver badges161 bronze badges

Comments

Serhiy · Accepted Answer · 2018-03-01 16:49:35Z

-1

var tbl = document.getElementById(id);
tbl.remove();

answered Mar 1, 2018 at 16:49

Serhiy

315 bronze badges

1 Comment

Walker Rowe Over a year ago

remove() is not a function it says:

Collectives™ on Stack Overflow

Delete the entire table rendered from different pages using Javascript

4 Answers 4

Comments

4 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related