Question

我有一张像这样的表：

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

许多页面中的

..所有这些页面都在一个页面中呈现。当我应用Javascript来删除使用加载时。只删除一个表而不删除其他表。

我正在尝试使用Javascript删除所有渲染页面中的表格。怎么做？

编辑：
我自己找到了解决方案

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

Answer 1

真想完全删除该表吗？

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

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

你也可以隐藏表而不是删除它。

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

如果您以后需要，您可以这样做：

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

Answer 2

这是一个粗略的样本

<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>

Answer 3

<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()">

Answer 4

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

使用Javascript删除从不同页面呈现的整个表

4 个答案: