title: Javascript modify the text inside the div class
body: <p>Hi I am trying to update the " Your submission was successful."of following script, with following javascript code :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var cls = document.getElementById("global-alert-queue").getElementsByClassName("animate-in")[0].innerHTML = "Change Text";</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="global-alert-queue" class="layout-wrapper"&gt;
    &lt;div class="alert success animate-in" role="alert"&gt;
      Your submission was successful.
      &lt;button id="dismiss-alert" class="dismiss" type="button"&gt;&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Its replacing the text along with button class. Can i replace only the text ? </p>