javascript - 在Javascript中删除单个页面的所有渲染页面中的表

Question

我有一张像这样的桌子：

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

在许多页面中。所有这些页面都呈现在一个页面中。当我在加载时应用 javascript 来删除它时，使用以下内容：

var tbl = document.getElementById('toc');
if(tbl) tbl.parentNode.removeChild(tbl);

只有一张表被删除，其他表不被删除。我正在尝试使用 javascript 删除所有呈现页面中的表。这个怎么做？

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

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

Answer 1

AnID是唯一标识符，基本上意味着：只能有一个。

尝试通过标记名 ( ) 查找table并比较类名。

var allTables = document.getElementsByTagName('table');

for (var i = 0; i < allTables.length; i++) {
    // Array.indexOf may not be available, see
    // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array/indexOf

    if (allTables[i].className.split(' ').indexOf('toc') != -1) {
        var node = allTables[i];
        node.parentNode.removeChild(node);
    }
}