Discussion :

[thibaud74]

Bonjour !

J'ai vu dans la faq comment supprimer les enfants d'un nœud obtenu avec getElementById, mais comment faire s'il s'agit d'une classe unique ?
Dans mon cas, j'essaie de supprimer la classe wtr-ft (cf. cette page pour un exemple, il s'agit du résultat d'un script/api twitter). Cette classe a un enfant div, mais elle ne contient aucun élément identifié par un id.

Comme, selon about.com, il n'existe pas de méthode document.getElementsByClassName, j'utilise leur script qui implémente cette méthode. Ce qui donne le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
}; 
 
var TWlogo = document.getElementsByClassName('twtr-ft');
TWlogo.parentNode.firstChild;

Or j'ai comme erreur : TWlogo.parentNode is undefined

Merci de l'aide,
Thibaud.

[dukej]

getElementsByClassName retourne un TABLEAU
donc il faut récuperer ton premier élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
TWLogo[0].parentNode.....

Ensuite le className est une chaine de caractère, donc pour supprimer une chaine tu dois utiliser replace.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
element.className = element.className.replace(/\bMACLASSE\b/g,'');

[Bovino]

Comme, selon about.com, il n'existe pas de méthode document.getElementsByClassName

Elle doit pas être très récente cette page...
getElementsByClassName existe pour la plupart des navigateurs récents (inutile de préciser lequel est en retard ).
Du coup, tu ferais mieux de tester l'existence de la méthode avant de la redéfinir

[thibaud74]

@dukej: si c'est bien compris c'est le code suivant que je dois écrire, pourtant j'obtiens "TWlogo[0].parentNode.replace is not a function"...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var TWlogo = document.getElementsByClassName('twtr-ft');
TWlogo[0].parentNode = TWlogo[0].parentNode.replace(/\btwtr-ft\b/g,'');

Sinon, pourquoi utiliser \b (= correspondance en début de mot ?) et non pas une expression plus complexe pour effacer les balises ?

@Bovino
MErci, effectivement je croyais que getElementsByClassName fonctionnait jusqu'à présent, ça me rassure !