title: Remove first child in javascript
body: <p>I'm trying to remove the first <code>li</code> in an <code>ol</code> using the DOM <code>removeChild()</code>. But for some reason it doesn't work.</p>
  
  <p>This is my javascript:</p>
  
  <pre><code>document.getElementById('queue').removeChild(
      document.getElementById('queue').childNodes[0]
  );
  </code></pre>
  
  <p>And this is my HTML:</p>
  
  <pre><code>&lt;ol id="queue"&gt;
      &lt;li&gt;Surprised Kitty (Original)&lt;span class="nodisplay"&gt;0Bmhjf0rKe8&lt;/span&gt;&lt;/li&gt;&lt;/ol&gt;
  </code></pre>
  
  <p>I tried alerting the <code>childNodes[0]</code>, and it returns <code>[Object Text]</code>, which seems a bit weird, when I was expecting just the object.</p>
  
  <p>Hope I've been clear.</p>