title: Replace text with on page load
body: <p>I know how to replace text with <code>getElementById()</code> function in such situation:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function go(){
          var p = document.getElementById('ccc');
          p.firstChild.nodeValue = 'AAA';
      }
  &lt;/script&gt;
  
  &lt;div id='ccc'&gt;o&lt;/div&gt;
  
  &lt;a href="javascript:go()"&gt;go&lt;/a&gt;
  </code></pre>
  
  <p>When I click on go link 'o' replaces on 'AAA'.</p>
  
  <p>But I want to replace text when page loading to browser without any clicking. So user do not have to know that there was some text 'o' in div 'ccc'. He must see only 'AAA' from the beginning.</p>
  
  <p>How to do that?</p>