Changer le texte d'un SVG dynamiquement

bonjour j'ai une structure suivant , je veux change le texte dynamiquement c 'est a dire l’utilisateur qui change le texte voila l'exemple

Code:

---

1 2 3 4 5 6

<svg> <g node-id="itemdat-1" style="opacity: 1" transform="matrix(1,0,0,1,-170,115)" class="node" level="1" /> <rect x="0" y="0" height="55" width="150" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="5" ry="5"></rect> <text width="230" class="field_0" style="font-size: 18px;" fill="#ffffff" x="75" y="35" text-anchor="middle">Module 1</text> <g data-edit-id-filed="itemdat-1" transform="matrix(1,0,0,1,130,5)" /> </svg>

---

Code:

---

1 2	document.querySelector('svg [node-id="itemdat-1"]').closest('svg'). querySelector('text').textContent="Mr. Bojangles"

---

Bonjour,
une piste, quelque chose comme

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function saisieTexte(obj) { let newTexte; if (newText = prompt("Saisir votre texte", obj.textContent)) { obj.textContent = newText; } } const elemText = document.querySelector("[node-id='itemdat-1'] ~ text"); elemText.textContent = "Mr. Bojangles" elemText.addEventListener("click", function() { saisieTexte(this); }, false)

---