title: getelementbyid within a div
body: <p>I should note that all my script is in a separate file to my HTML</p>
  
  <p>Using document.getElementById, I can successfully alter any element that is directly within the body element, but I cannot select an element that is within another element.
  For example:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="example"&gt;
  &lt;p id="examplep"&gt; Blah Blah Blah &lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>my Javascript</p>
  
  <pre><code>var function1 = function() {
  document.getElementById("example").style.color = 'black'
  }
  
  var function2 = function() {
  document.getElementById("examplep").innerhtml = "Bluh Bluh Bluh"
  }
  </code></pre>
  
  <p>function1 would work, but function2 would not, I've tried using firstchild, i've tried renaming, but none of it works.</p>