title: Javascript Targeting Child Elements in a ID
body: <p>i'm currently learning javascript and had a question. 
  I am trying to target only the h1 tag in the div id=title i tried a few ways using this as a reference site amongst others: <a href="http://www.ibm.com/developerworks/library/wa-jsanddom-pr/sidefile1.html" rel="noreferrer">http://www.ibm.com/developerworks/library/wa-jsanddom-pr/sidefile1.html</a></p>
  
  <p>but nothing seems to be working, i get back the value "undefined" 
  esentially what i want to do is only target the h1 and change the text to something else.
  how do i do that? is this along the right path or is there a different way to do it?</p>
  
  <pre><code>&lt;div id="title"&gt;
      &lt;h1&gt;Javascript Lesson 1&lt;/h1&gt;
      &lt;p&gt;The basics&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  var title = document.getElementById('title');
      var titleHeading = title.firstChild;
      console.log (title.value);
  &lt;/script&gt;
  </code></pre>
  
  <p>any help is greatly appreciated. Thanks.</p>