Discussion :

[Tchupacabra]

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 :

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

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 :

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

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...

[bigboomshakala]

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)

[javatwister]

soit dans ton cas précis:

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

[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