title: document.write(); removes other HTML
body: <p>I'm doing a test for a comment thing. All I want is to have a little text box where you type stuff and a button that says "Add Comment" that will document.write(); what you put in the text box under the add comment thing. But I'm getting a problem where document.write(); seems to be removing all the other HTML that was written out side the javascript (i.e. the textarea and the "Add Comment" button). When I press the "Add Comment" button, what I wrote in the textarea fills up the whole screen and seems to be blotching out the rest. Here is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script language="JavaScript"&gt;
    function add1(){
     var tf = document.getElementById('tf');
     add2(tf.value);
    }
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;Type stuffz here:&lt;/p&gt;
  &lt;textarea id="tf" wrap="logical" rows="10" cols="50"&gt;&lt;/textarea&gt;
  &lt;!--&lt;input type="textfiel" id="tf"  value="Test"&gt;--&gt;
  &lt;br&gt;
  &lt;input type="button" onClick="add1()" value="Add Comment" &gt;
  
  &lt;script type = "text/javascript"&gt;
  function add2(input){
      document.writeln(input);
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>