本人算是一个刚学习JS不久的，今天就想着模仿个网页做做，就选择模仿了天猫，刚用到JS的时候就出了问题。 使用document.getElementsByClassName方法获取类名，直接获取是可以的，返回数组，但是只要加了索引，就会返回underfind，并且在控制台直接获取加索引也是正常的，问问大佬们，这是什么问题？请问怎么解决。
附上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>天猫tmall.com--理想生活上天猫</title>
<link rel="stylesheet" href="CSS/index.css" type="text/css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="JS/index.js" type="text/javascript"></script>
<link rel="stylesheet" href="fontIcon/iconfont.css">
</head>
<body>
<header>
<span class="welcomeText header_text">喵，欢迎来天猫</span>
<a href="login.html" class="login header_text">请登录</a>
<a href="register.html" class="register header_text">免费注册</a>
<div>
<a href="myTaoBao" class="myTaoBao header_text">我的淘宝
<span class="iconfont icon-jiantouxia"></span>
</a>
<div class="downMenu myTaoBaoMenu">
<ul>
<li><a href="#" class="header_text">已买入的宝贝</a></li>
<li><a href="#" class="header_text">已卖出的宝贝</a></li>
</ul>
</div>
</div>
</header>
</body>
</html>
var myTaoBao = document.getElementsByClassName('myTaoBao')[0];
console.log(myTaoBao);
直接返回了underfind，求解！！！
