title: getting the inner text of a node
body: <p>I am having trouble getting the inner text of a particular node. I have added the example node I am working with and the javascript I have come up with. The javascript works as far as returning this <code>&lt;span id="goal_left"&gt;3 goals lect&lt;/span&gt;</code> if i log it to the console. If i add <code>innerText</code> to the javascript examples it will return nothing to the console. Any ideas how to get this text?</p>
  
  <p>html</p>
  
  <pre><code>&lt;span id="goal_left"&gt;3 goals lect&lt;/span&gt;
  </code></pre>
  
  <p>javascript: these examples return <code>&lt;span id="goal_left"&gt;3 goals lect&lt;/span&gt;</code></p>
  
  <pre><code>document.getElementById("goal_left");
  
  document.querySelectorAll("span#goal_left")[0];
  </code></pre>
  
  <p>javascript: these examples return nothing</p>
  
  <pre><code>document.getElementById("goal_left").innerText;
  
  document.querySelectorAll("span#goal_left")[0].innerText;
  </code></pre>