请问老师，我为什么会报错

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>图片轮播</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
</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>
        <div class="button left"></div>
        <div class="button right"></div>
        <div class="dots">
            <span class="dots-active"></span>
            <span></span>
            <span></span>
        </div>
    </div>
</body>
</html>

1

2

3

4

5

6

var banner=document.getElementById("banner");
var arrayDiv=banner.getElementsByTagName("div");
alert(arrayDiv.length);
/*切换图片*/
function changeImg(){
}

森林sng 2020-07-26

源自：项目：JavaScript轮播图 3-4 图片自动轮播

17

收起

2回答

好帮手慕阿园回答被采纳获得+3积分 2020-07-26 18:04:06

同学你好，如果放在head中，加载html页面时会先加载到js代码，页面没有加载完，使用到页面中的标签会报错；像同学所说的，可以使用自定义函数的方法，暂时没有其他方法

祝学习愉快

好帮手慕阿园 2020-07-26 14:45:23

同学你好，因为js放在head中，在加载js时html还没有加载完，所以获取不到html中的元素。所以需要将js放在html加载完之后引入，也就是放在html的尾部引入

参考如下

祝学习愉快

提问者森林sng #1

请问老师，如果我想要将放在head里，毕竟放在这儿规范好找易于维护，那么是不是需要将js中的获取元素的全局变量放在函数中，然后在html中的对应位置加上onclick事件。还有其他方法吗？

2020-07-26 16:59:35

相似问题

老师，为什么我把返回语句放在setTimeout里就会报错

为什么会报错

为什么核心控制器这样写报错？

为什么报错

为什么会报错？？

登录后可查看更多问答，登录/注册

2. 从网页搭建入门JavaWeb

参与学习人
提交作业 676 份
解答问题 9666 个

本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！

本课精华内容

问答作业

4-3个人程序源码，提供给各位参考！

63 1

2-4 编程练习

22 1

text-align和direction有什么区别

13 1

交作业交作业交作业

225 2

是不是只有在JS语言中局部变量的定义才可以放在else语句中

24 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号