使用Javascript删除从不同页面呈现的整个表
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用Javascript删除从不同页面呈现的整个表相关的知识，希望对你有一定的参考价值。
我有一张桌子：
<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>
答案
这是一个粗略的样本
<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>
另一答案
真想删除表吗？
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';
另一答案
<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()">
另一答案
var tbl = document.getElementById(id);
tbl.remove();
以上是关于使用Javascript删除从不同页面呈现的整个表的主要内容，如果未能解决你的问题，请参考以下文章