title: html and javascript - how to update innerhtml
body: <p>I'm trying to update the innerHTML for a div tag and maybe something is wrong in the simple application here:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" xmlns=""http://www.w3.org/1999/xhtml""&gt;
  &lt;head&gt;
  &lt;title&gt;Test&lt;/title&gt;
   &lt;script&gt; 
      var element = document.getElementById("aaa");
      element.innerHTML = "1";
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="aaa"&gt;aaa&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want the "aaa" to be "1" when I see it in a browser.</p>
  
  <p>any idea?</p>
  
  <p>thanks</p>