javascript - 对象 HTMLcollection[0] 不断返回未定义

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>