對象的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>