Autoriser les espaces entre les mots d'une phrase : array, .replace()

Bonjour,

j'ai le code ci-dessous.
Je voudrais permettre à mon code d'accepter les espaces entre les mots des phrases

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var gettxtsections = document.getElementById("sections-usml-img-square").innerHTML; var sectionssearch = { "anglais":"cours d\'anglais", "boxe":"Boxe Thaï - Kick Boxing - K1", "cycliste":"Cyclisme", "moderne":"Danse Classique - Modern Jazz - GRS" };   var newtxt = gettxtsections.replace(/anglais|boxe|cycliste|moderne/g, function(matched){ return sectionssearch[matched]; }); document.getElementById("sections-usml-img-square").innerHTML = newtxt;

---

Actuellement les espaces entre les mots "cours d'anglais", boxe et danse, fait buger la fonction (cad: les images ne s'affichent pas du fait de innerHTML.)
"anglais":"cours d\'anglais",
"boxe":"Boxe Thaï - Kick Boxing - K1",
"cycliste":"Cyclisme",
"moderne":"Danse Classique - Modern Jazz - GRS"

J'ai testé avec .trim(), mais je ne sais pas à quel moment je dois l'intégrer ?

pouvez-vous m'aider ?

je ne vois pas le souci ...

https://jsfiddle.net/bvu1e19z/

Citation:

---

Envoyé par artenis

[...]Actuellement les espaces entre les mots "cours d'anglais", boxe et danse, fait buger la fonction (cad: les images ne s'affichent pas du fait de innerHTML.)[...]

---

Il faut changer uniquement les textes avec textContent :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

const elemSectionSquare = document.querySelector( "#sections-usml-img-square" ), gettxtsections = elemSectionSquare.textContent, sectionssearch = { "anglais":"cours d\'anglais", "boxe":"Boxe Thaï - Kick Boxing - K1", "cycliste":"Cyclisme", "moderne":"Danse Classique - Modern Jazz - GRS" }, newtxt = gettxtsections.replace( /anglais|boxe|cycliste|moderne/g, function( matched ) { return sectionssearch[ matched ]; });   elemSectionSquare.textContent = newtxt;

---

Citation:

---

Envoyé par SpaceFrog

je ne vois pas le souci ...

https://jsfiddle.net/bvu1e19z/

---

Edit:
j'ai testé ceci sans résultat :

Code:

---

https://jsfiddle.net/Artenis/bvu1e19z/2/

---

Citation:

---

Envoyé par danielhagnoul

Il faut changer uniquement les textes avec textContent :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

const elemSectionSquare = document.querySelector( "#sections-usml-img-square" ), gettxtsections = elemSectionSquare.textContent, sectionssearch = { "anglais":"cours d\'anglais", "boxe":"Boxe Thaï - Kick Boxing - K1", "cycliste":"Cyclisme", "moderne":"Danse Classique - Modern Jazz - GRS" }, newtxt = gettxtsections.replace( /anglais|boxe|cycliste|moderne/g, function( matched ) { return sectionssearch[ matched ]; });   elemSectionSquare.textContent = newtxt;

---

---

Merci DanielHagnoul,
mais j'avais déjà testé avec textContent : le problème c'est que apparemment (sauf s'il y a une erreur autre part) en recuperant uniquement le texte avec TextContent et en réaffichant celui-ci avec TextContent, tout le contenu HTML disparaît à l'execution de la fonction. Je crois qu ele problème vient du fait que la div de récupération de contenu englobe trop d'éléments.
J'avais testé en rajoutant à document.getElementById("sections-usml-img-square") -> .getElementsByClassName('title-sec'), mais je crois qu'il faudrait faire une boucle dessus, sinon ça ne marche pas !


Voici la page en question en espérant que cela puisse vous permettre de mieux visualiser mon problème

Ma div "sections-usml-img-square" englobe trop d'éléments et prend en compte le texte à l'intérieur des attribut src.
cad : les mots "anglais , boxe, etc" contenu dans les liens des images sont égalements remplacés.
Je tente en vain d'exclure les attributs src à la suite de "QuerySelector" mais je patauge depuis 4 heures.
J'ai testé avec Queryselectorall , mais apparement un script totalement différent doit être necessaire.

J'ai testé avec le regex, sans résultat. Surtout j'ai beaucoup de mal à comprendre la syntaxe du regex.

Ce qui est incompréhensible c'est que le texte "Cyclisme" et l'image pour le cycliste s'affiche correctement , alors que ça ne devrait pas ?

Je suis complètement dans le noir , un peu d'aide s'il vous plait