Estoy tratando de reemplazar los espacios del HTML interno de un elemento por el siguiente código:

 <script type="text/javascript"> var minsFix = document.getElementById("spaceX").innerHTML; var keepVal = minsFix.replace(/\s+/g, "-"); document.getElementById("spaceX").innerHTML = keepVal; </script>

Pero solo cambia el primer espacio a un guión (-) y otros espacios no se cambian respectivamente.

Resuelto Logro crear mi código resuelto. aquí

 <script type="text/javascript"> // create variable for collect Class : spaceX var keepVal = document.getElementsByClassName("spaceX"); // loop for collect SpaceX for (var i = 0; i < keepVal.length; i++) { // turn spaceX collected to Text var tranText = keepVal[i].innerText; // create variable for replace spaceX to - var toSpace = tranText.replaceAll(/\s+/g, '-'); // output to html one by one document.getElementsByClassName('spaceX')[i].innerHTML = toSpace; } </script>

espero pueda ayudar a alguien