javascript数组的区别

下面这段代码IE中弹出的是[object]<html>
<head>
<title>逻辑运算符</title>
<script language="javascript">
window.onload = function warning(){
fu = document.getElementById("ful");
flink = document.getElementById("fa");
alert(fu.childNodes[0]);
}
</script>
</head>
<body>
<ul id="ful"><li class="fli">北京</li><li>上海</li><li>香港</li></ul>
<div><a href="#" id="fa">花椒</a><span>大茴</span></div>
</body>
</html>我对代码进行了以下修改，则能正常弹出如下"LI"：<html>
<head>
<title>逻辑运算符</title>
<script language="javascript">
window.onload = function warning(){
fu = document.getElementById("ful");
flink = document.getElementById("fa");
tfu = fu.childNodes;
alert(tfu[0].tagName);
}
</script>
</head>
<body>
<ul id="ful"><li class="fli">北京</li><li>上海</li><li>香港</li></ul>
<div><a href="#" id="fa">花椒</a><span>大茴</span></div>
</body>
</html>为什么第一段代码就不能弹出需要的值呢？