title: object HTMLcollection[0] keeps returning undefined
body: <p>Suppose we have something like:</p>
  
  <pre><code>&lt;a href="1" class="my-list"&gt;1&lt;/a&gt;
  &lt;a href="2" class="my-list"&gt;2&lt;/a&gt;
  &lt;a href="3" class="my-list"&gt;3&lt;/a&gt;
  </code></pre>
  
  <p>When I try something like</p>
  
  <pre><code>alert(document.getElementsByClassName("my-list"))
  </code></pre>
  
  <p>I get <code>object HTMLCollection</code>. And if I try something like <code>alert(document.getElementsByClassName("my-list")[0])</code> I get <code>undefined</code>. How can I get the first <code>href</code> in the list? So it would be <code>"1"</code> in this case.</p>