老师，定时器问题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
            
    </head>
    <body>
        <div class="main">
            <!--图片轮播-->
            <div class="banner" id="banner">
                <a href="">
                    <div class="banner-slide slide1 slide-active"></div>
                </a>
                <a href="">
                    <div class="banner-slide slide2"></div>
                </a>
                <a href="">
                    <div class="banner-slide slide3"></div>
                </a>
            </div>
            <!--上一张、下一张 按钮-->
            <a href="javascript:void(0)" class="button prev"></a>
            <a href="javascript:void(0)" class="button next"></a>
            <!--圆点导航-->
            <div class="dots">
                <span class="active"></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <script src="js/script.js"></script>
    </body>
</html>

//封装一个代替getElementById()的方法
function byId(id){
    //判断传进来的类型是否是字符串    不是的话 返回原样
    return typeof(id)==="string"?document.getElementById(id):id;
}
 
var index=0,//索引
    timer=null,//定时器
    pics=byId('banner').getElementsByTagName('div'),
    len=pics.length;
     
function slideimg(){
    var main=byId('main');
    //鼠标移入时 清除定时器
    //鼠标移出时 定时器生效
    main.onmouseover=function(){
        //清除定时器
    }
    main.onmouseout=function(){
        //定时器生效
        timer=setInterval(function(){
            index++;
            if(index>=len){
                index=0;
            }
            console.log(index);
        },3000);
    }
}
slideimg();

会报Cannot set property 'onmouseover' of null

另外老师为什么js不能写在header里？我看好像会报Uncaught TypeError: Cannot read property 'getElementsByTagName' of null 一个错？

将自己发配于人海 2018-05-11

源自：项目：JavaScript轮播图 3-3 轮播图之定时器设置

收起

1回答

提问者将自己发配于人海 2018-05-11 15:22:01

老师第一个问题解决了 main没有加id

第二个问题呢？

收起回答

一叶知秋519 #1

建议同学清晰描述你的问题，目前存在的还有哪些问题？建议同学重新开一个问答，清晰描述你的问题，并将全部代码贴出来，方便帮助你解答~

2018-05-11 16:01:11
提问者将自己发配于人海回复一叶知秋519 #2

老师就是如果把js文件写在body中用getElementsByTagName 不会报错而写在 header中会报错 html:33

2018-05-11 16:27:17
一叶知秋519 回复提问者将自己发配于人海 #3

嗯，是这样的，html页面是有加载顺序的，一般都是自上向下加载，如果将js写到header里，那么还没有加载到body部分的标签就去获取了，所以会出现错误~~

2018-05-11 17:19:47