title: why javascript code changed the innerText,while the page dosen't?
body: <blockquote>
    <p>purpose:I know js-DOM can change the innerText; i want every online  user can see the data I chenged.</p>
  </blockquote>
  
  <p>In an online page,I want to change  the 
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;span&gt; old  text&lt;/span&gt;</code></pre>
  </div>
  </div>
  
  ,to </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;span&gt; new  text&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>。
   So ,I set the 
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> span.innerText ='new text' </code></pre>
  </div>
  </div>
  
   through the console with javscript codes,and the current page is what i want .(page shows 'new text').
  <strong>But,but,but</strong>,when I reflesh the browser/ reload the page --> page shows 'old text'.it  means my innerText setting doesnot work?
   <strong>Question:</strong>
  1 why it happens?  because the js didnot post the data to the service?
  2 how to handle it ?</p>