Hello ! Je vous expose mon problème. J'ai des remplacement en regex à faire. Je voudrais par exemple mettre à la place du mot pommes une balise span.

var re = /pommes/gi;
var str = "Les pommes sont rondes. Les pommes sont juteuses.";
var grasPomme='<span class="gras">pommes</span>';

var nouvelleStr = str.replace(re, grasPomme);
console.log(nouvelleStr); 

document.getElementById("test").innerHTML=nouvelleStr;

Le remplacement s'effectue mais j'obtiens en sortie une chaine foireuse.

Et mon innerHTML ne prend pas en compte la balise span avec la class CSS gras.

Comment remplacer un texte par du code HTML ?

Merci d'avance pour vos conseils

Salut,

Rien à signaler de mon côté, tout fonctionne.

Les <span class="gras">pommes</span> sont rondes. Les <span class="gras">pommes</span> sont juteuses.

> Bien présent dans la console.

<style>
   .gras {
      font-weight: bold;
   }	
</style>

<div id="test"></div>

<script>
   var re = /pommes/gi;
   var str = "Les pommes sont rondes. Les pommes sont  juteuses.";
   var grasPomme='<span class="gras">pommes</span>';
 
   var nouvelleStr = str.replace(re, grasPomme);
   console.log(nouvelleStr);
 
   document.getElementById("test").innerHTML=nouvelleStr;
</script>

J'ai tout comme toi, si ce n'est que j'ai rajouté le CSS en haut et la partie HTML.

Un peu plus de détails sur ta "chaîne foireuse" ?