对象 HTMLcollection[0] 不断返回 undefined

Question

假设我们有类似的东西：

<a href="1" class="my-list">1</a>
<a href="2" class="my-list">2</a>
<a href="3" class="my-list">3</a>

当我尝试类似的东西时

alert(document.getElementsByClassName("my-list"))

我明白了object HTMLCollection。如果我尝试类似的东西，alert(document.getElementsByClassName("my-list")[0])我会得到undefined. 我怎样才能获得href列表中的第一个？所以它会"1"在这种情况下。

Answer 1

在Fiddler 中检查这个。将document.getElementsByClassName("my-list")放在圆括号中，并在其中添加索引 [0]。

**UPDATE**: Use `window.onload` to perform operations after all DOM elements 
are loaded.


window.onload = function()
{ 
   alert((document.getElementsByClassName("my-list"))[0])
}

<a href="http//:www.google.com/" class="my-list">1</a>
<a href="http//:www.facebook.com/" class="my-list">2</a>
<a href="http//:www.sample.com/" class="my-list">3</a>