I have a function named TexttoSpeech which is called when the page is reloaded. The problem is I'm not able to set the value to msg.text using DOM. I'm able to see the text in console but not able to assign the value to msg.text . the document.getElementById("text").innerHTML is 1133 long

function TexttoSpeech() {
  var msg = new SpeechSynthesisUtterance();
  var voices = window.speechSynthesis.getVoices();
  msg.voice = voices[7];
  msg.volume = 1; // From 0 to 1
  msg.rate = 1; // From 0.1 to 10
  msg.pitch = 2; // From 0 to 2
  msg.text =  document.getElementById("text").innerHTML
  msg.lang = "es";
  window.speechSynthesis.speak(msg);

}

if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  TexttoSpeech();
  redirectToNextPage(); //If the page reload this function is called
}