title: appendChild does not work. New to Javascript
body: <p>I'm new to JavaScript and I currently have an assignment. One question asks us to attach a new textNode to the <code>&lt;p&gt;</code> tag. But my appendChild doesn't want to work.  All my other code works fine and does what it's supposed to. Obviously I am doing something wrong.</p>
  
  <p><strong>EDIT:</strong>
  In my console I am receiving an error: Uncaught TypeError: Cannot call method 'appendChild' of null </p>
  
  <pre><code>&lt;head&gt;
  &lt;style type="text/css"&gt;
  #demo {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-style: italic;
  background-color: #996;
  height: 25px;
  width: 400px;
  padding: 20px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;p id = "demo"&gt;Existential div asks: &amp;quot;Why I am I here?&amp;quot;&lt;/p&gt;
  
  &lt;script&gt;
  
  document.title="Tag, you're it!";
  
  var parent=document.body;
  var child=document.getElementById("demo");
  parent.removeChild(child);
  
  var para=document.createElement("p");
  var node=document.createTextNode("The quick brown fox jumps over the lazy dog.");
  para.appendChild(node);
  
  var element=document.getElementById("demo");
  element.appendChild(para);
  
  
  with(para){
  color: "#FFF";
  fontFamily : "Arial";
  backgroundColor: "#345";
  fontSize: "30px";
  textAlign: "center";
  width: "600px";
  height: "200px";
  padding: "20px";
  margin: "0px auto";
  };
  
  
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>