Estoy usando el mismo archivo SVG dos veces dentro de la página. Estoy tratando de cambiar un texto dentro de SVG según el idioma de la página. Con el siguiente código, solo cambia el texto en un archivo SVG y el otro no. ¿Qué debo hacer para cambiarlo en todos los SVG?
Código SVG:
<text id="trading-text" class="text1" dx="0" dy="0" transform="translate(-100,0)" fill="#444351">DEFAULT TEXT</text>Código JS:
let text = "CHANGE TEXT"; document.querySelector('[id="trading-text"]').innerHTML= text;No pude entender lo que realmente quieres decir con archivo svg. ¡Tampoco debe tener más de un elemento con la misma ID! Así que agregue un className como change-text a cada text y use el siguiente código:
const text = "CHANGE TEXT"; document.querySelectorAll('.change-text').forEach((node) => { node.textContent= text });Buena suerte.