title: create link in javascript function with --- innerHTML = "...<a href='http://...'>HttpLink</a>..."
body: <p>I'm learning to write with html, but I have one problem I cannot understand.
  The following code works in other browsers but not in IE9. I know it has something to do with <code>innerHTML</code> but I could not understand the answers I found for this.</p>
  
  <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt;
  function hw_function1() {
      var img11=document.createElement("a"); 
      img11.innerHTML = "&lt;html&gt; &lt;body&gt; &lt;a href='http://google.de'&gt;Google&lt;/a&gt; &lt;/body&gt;&lt;/html&gt;";
      document.body.appendChild( img11 );
  }
  &lt;/script&gt;
  &lt;body&gt;
      &lt;a href="#" onclick="javascript:hw_function1()";&gt;Test&lt;/a&gt;
  &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p>What should I change WITHOUT changing the structure (only the innerHTMl-part if possible)?</p>