[DOM] REGEX pour supprimer des spans

Version imprimable

26/10/2008, 23h14
Tchupacabra

[DOM] REGEX pour supprimer des spans
Bonjour,

j'essaye d'utiliser une expression régulière pour supprimer une balise HTML SPAN.
Pour le moment, j'arrive à supprimer la balise d'ouverture mais pas celle de fermeture... :?
Code:

1 2 3 var maReg = new RegExp('<span class="truc">', "gi"); var texte = document.getElementById('zone').innerHTML; document.getElementById('zone').innerHTML = texte.replace(maReg, '');
avec
Code:

1 2 3 <div id="zone"> <p>blabla</p><span class="truc">abcdef<span class="zen">encore du blabla</span>ghijkl</span> </div>
Quelle regex me faudrait-il pour enlever le span avant 'abcdef' et après 'ghijkl' ?
Merci d'avance... :roll:
27/10/2008, 07h21
bigboomshakala

:roll: utilise le DOM ce sera plus simple...
tu parcoures l'arborescence de ton document HTML. quand tu rencontres un span, tu sauvegarde son contenu dans une variable, tu supprimes le noeud SPAN de l'élément supérieur auquel il est attaché et tu ajoutes son contenu à la place (procédé qui doit être récursif pour supprimer les éventuels span imbriqués)

soit dans ton cas précis:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="zone">
<p>blabla</p><span class="truc">abcdef<span class="zen">encore du blabla</span>ghijkl</span>
</div>
 
 
<script type="text/javascript"> 
 
var z=document.getElementById("zone");
var sp=z.getElementsByTagName("span")[0];
 
while(sp.firstChild){
	z.appendChild(sp.firstChild);
}
 
 
z.removeChild(sp);
 
 
</script>

27/10/2008, 10h46
Tchupacabra

Bonjour et merci pour vos réponses...

effectivement l'idée d'utiliser la DOM peut être une bonne idée.
Cependant, j'ai 2 problèmes :
1/ comment filtrer les span ayant class="truc" ?
2/ l'ajout / suppression des nœuds dans la DOM chamboule tout... ils ne sont plus à leur place... il suffit qu'un DIV se trouve entre le nœud cible et les spans pour mettre le bazar

:bug: