提示有这样的错误：Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tab切换</title>
<link type="text/css" rel="stylesheet" href="style.css">
<script src="jquery-2.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
function $(id){
//这个是把id单独封装
return typeof id==='string'?document.getElementById('id'):id;
}
window.onload=function(){
//获取鼠标滑过或点击的标签和要切换内容的元素
var titles=$('notice-tit').getElementsByTagName('li');
var divs=$('notice-con').getElementsByTagName('div');
alert(titles.length);
}
</script>
</head>
<body>
<div id="notice">
<div id="notice-tit" >
<ul>
<li><a href="#">公告</a></li>
<li><a href="#">规则</a></li>
<li><a href="#">论坛</a></li>
<li><a href="#">安全</a></li>
<li><a href="#">公益</a></li>
</ul>
</div>
<div id="notice-con">
<div style="display:none;">
<ul>
<li><a href="#">张勇：要玩快乐足球</a></li>
<li><a href="#">阿里2000万驰援灾区！</a></li>
<li><a href="#">旅游宝让你边玩边赚钱</a></li>
<li><a href="#">多行跟进阿里信用贷款</a></li>
</ul>
</div><!--公告end-->
<div style="display:none;">
<ul>
<li>
<span>[<a href="#">通知</a>]</span>
<a href="#">要玩快乐足球</a>
</li>
<li>
<span>[<a href="#">通知</a>]</span>
<a href="#">阿里2000万驰援灾区！</a>
</li>
<li>
<span>[<a href="#">通知</a>]</span>
<a href="#">旅游宝让你边玩边赚钱</a>
</li>
<li>
<span>[<a href="#">通知</a>]</span>
<a href="#">多行跟进阿里信用贷款</a>
</li>
</ul>
</div><!--规则end-->
<div style="display:none;">
<ul>
<li>
<span>[<a href="#">聚焦</a>]</span>
<a href="#">要玩快乐足球</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">阿里2000万驰援灾区！</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">旅游宝让你边玩边赚钱</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">多行跟进阿里信用贷款</a>
</li>
</ul>
</div><!--论坛end-->
<div style="display:none;">
<ul>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">要玩快乐足球</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">阿里2000万驰援灾区！</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">旅游宝让你边玩边赚钱</a>
</li>
<li>
<span>[<a href="#">张勇</a>]</span>
<a href="#">多行跟进阿里信用贷款</a>
</li>
</ul>
</div><!--安全end-->
<div style="display:block;">
<ul>
<li><a href="#">小红要玩快乐足球</a></li>
<li><a href="#">阿里2000万驰援灾区！</a></li>
<li><a href="#">旅游宝让你边玩边赚钱</a></li>
<li><a href="#">爱心品牌联合征集</a></li>
</ul>
</div><!--公益end-->
</div>
</div>
</body>
</html>
