Discussion :

[sebac]

Bonjour j'ai un code qui parcourt un nœud grâce au Dom, il marche bien sous IE et pas sur FF. Apparemment c'est dû à la manière dont ces deux navigateurs implémentent les arbres, si j'ai bien comprit les tuto que j'ai lu il faut supprimer les noeuds vide dans FF. Comment fait t'on pour connaitre la valeur d'un noeud je cherche à faire dans une boucle un truc du genre

Code :

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

1
2
3
4
 if(noeud.childNodes[i].quelAttribut=="")
			{
				je le supprime
			}

quel est attribut dois-je utiliser pour ma condition if
merci

[SpaceFrog]

http://javascript.developpez.com/faq...M#DOMIEFirefox

[sebac]

j'avais déjà lu cette page, elle dit juste comment ie et ff implémentent les noeuds mais pas comment supprimer les noeuds vides sous ff

[SpaceFrog]

fais une recherche sur le forum avec "node cleaner"

[sebac]

merci j'ai trouvé ça

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/*****************************************************************
* Fonction récursive de suppression des noeuds texte dans un DOM qui sont nuisible sous ff *
*         Synthaxe : deleteEmptyNodeText(noeudATraiter);         *
*****************************************************************/
 
function deleteEmptyNodeText(pere, fils) {
	if(typeof(fils) == 'undefined') { // Si le 2ème argument (fils) n'est pas renseigné -> 1ère boucle
		fils = pere; // Le fils devient le père
		pere = fils.parentNode; // Et le père devient le père du fils
		deleteEmptyNodeText(pere, fils); // On lance la fonction avec les 2 bons arguments
	} else {
		if(fils.hasChildNodes()) { // Si le fils a des enfants
			deleteEmptyNodeText(fils, fils.firstChild); // On le traite en tant que père avec son 1er enfants
		}
		if(fils.nextSibling) { // Si le fils a un frère
			deleteEmptyNodeText(pere, fils.nextSibling); // On le traite en gardant le même père et son enfant suivant
		}
		if(fils.nodeType == 3 && (fils.nodeValue.replace(/^\s+|\s+$/g, '').length == 0 || fils.nodeValue.charCodeAt(1) == 32)) { // Si il s'agit d'un noeud texte vide
			pere.removeChild(fils); // On le supprime
		}
	}
}

et ça marche pas mal, cette fonction peut être appelé uniquement avec un élément (le noeud père) elle parcourera alors les noeuds fils d'elle même

[SpaceFrog]

Denis.C et Javatwister nous ont concocté un petit script un peu plus sexy :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function go(c){
	if(!c.data.replace(/\s/g,''))
		c.parentNode.removeChild(c);
}
 
function clean(d){
	var bal=d.getElementsByTagName('*');
 
	for(i=0;i<bal.length;i++){
		a=bal[i].previousSibling;
		if(a && a.nodeType==3)
			go(a);
		b=bal[i].nextSibling;
		if(b && b.nodeType==3)
			go(b);
	}
	return d;
}