mon childNodes marche sous IE et pas sous FF

Version imprimable

22/03/2010, 16h37
sebac

mon childNodes marche sous IE et pas sous FF
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:

1 2 3 4 if(noeud.childNodes[i].quelAttribut=="") { je le supprime }
quel est attribut dois-je utiliser pour ma condition if
merci
22/03/2010, 16h46
SpaceFrog

http://javascript.developpez.com/faq...M#DOMIEFirefox
22/03/2010, 16h51
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
22/03/2010, 17h04
SpaceFrog

fais une recherche sur le forum avec "node cleaner"

merci j'ai trouvé ça

Code:

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

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

Code:

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;
}