Suppression de toutes les tables en HTML avec JavaScript

Question

Comment supprimer toutes les tables d'une page Web? Les tables n'ont aucun identifiant associé.

Answer 1

Version très simple:

var tables = document.getElementsByTagName("TABLE"); 
for (var i=tables.length-1; i>=0;i-=1) 
    if (tables[i]) tables[i].parentNode.removeChild(tables[i]); 

Answer 2

Si vous utilisez jQuery, il est assez facile ...

$(document).ready(function() { 
    $("table").remove(); 
}); 

ne sais pas comment vous le faites dans est d'autres bibliothèques.

Si vous n'utilisez pas une bibliothèque js, vous devriez l'être.

Answer 3

Danger! getElementsByTagName renvoie un NodeList 'live'. Dans le code de Joel, la suppression de l'élément 0 déplace les éléments de la liste vers le bas de sorte que lorsque vous supprimez l'élément 1, vous en avez manqué un.

alternatives possibles: si vous savez que vous allez toujours être enlever tous les éléments, vous pouvez utiliser une boucle while:

var tables= document.getElementsByTagName('table'); 
while (tables.length>0) 
    tables[0].parentNode.removeChild(tables[0]); 

Ou, si vous pouvez ou peut ne pas supprimer, mais ordre d'itération est sans importance, passer par la liste arrière:

var tables= document.getElementsByTagName('table'); 
for (var i= tables.length; i-->0;) 
    tables[i].parentNode.removeChild(tables[i]); 

Si vous pourriez-ou peut-pas retirer et vous devez itérer en avant, vous êtes dans la position pénible d'avoir à copier la liste:

function toArray(l) { 
    var a= []; 
    for (var i= 0; i<l.length; i++) 
     a[i]= l[i]; 
    return a; 
} 

var tables= toArray(document.getElementsByTagName('table')); 
for (var i= 0; i<tables.length; i++) 
    ... 

Answer 4

Ou:

function myF() { 
    this.checkChild = function(tagN, node) { 
     if (node.tagName.toLower() == tagN.toLower()) { 
      node.parentNode.removeChild(node); 
     } 
     else { 
      var i; 
      for(i = 0; i < node.childNodes.length; i++) 
       this.checkChild(tagN, node.childNodes[i]); 
     } 
    } 
} 

Utilisation:

var m = new myF(); 
m.checkChild("The name of the tagname. This case: table", document.body); 

Bonne chance!