2010-04-22 19 views
2

不同的頁面渲染整個表:刪除我有喜歡的表從使用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> 

回答

3

真的要完全刪除該表?

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'; 
+0

我覺得他通過是最好隱藏它風格 – Pierreten 2010-04-22 06:23:17

+0

@Pierreten:是的,重要的是張貼。謝謝 – Sarfraz 2010-04-22 06:29:01

+0

只有在某些情況下,表格纔會被刪除。但不是所有的時間..是啊? – useranon 2010-04-22 09:52:18

3

這裏有一個粗略的樣本

<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> 
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()"> 
0
var tbl = document.getElementById(id); 
tbl.remove();