js中如何获取a标签这个DOM对象？

Question

<div id='div1'>1</div>
这个可用var div1=document.getElementById('div1');
但是a标签该如何获取呢？
我想在获取a后，再为其添加onclick事件，我不想在a控件后面添加。想用
var a1=document.getElementById('a1');获取后再
a1.onclick=test;
function test (){}

Answer 1

<div id='div1'><a></a></div>
var div1=document.getElementById('div1');
var a1=div1.getElementByTagName('a');

追问

var div1=document.getElementById('div1');
var a1=div1.getElementByTagName('a');alert(a1);
根本不弹窗。

追答

写错了，应该是getElementsByTagName

追问

那弹窗为[object HTMLCollection]是个集合，如果加上[0]就弹窗为空，这样根本无法为这个a绑定事件呀？

追答<div id="div1">
<a href="javascript:;" target="_self" onclick="aClick();">点我试试</a>
</div>
<div id="div2" style="display:block;">此处将隐藏</div>
<script type="text/javascript">
function aClick(){
var div1=document.getElementById('div1');
var div2=document.getElementById('div2');
var a1=div1.getElementsByTagName('a')[0];
if(div2.style.display=="block"){
div2.style.display="none";
}else if(div2.style.display=="none"){
div2.style.display="block";
}
}
</script>

追问

请你仔细看看我的提问。