总是报错，不知道怎么解决

function byId(id){
 return typeof(id) === "string"?document.getElementById(id):id;
}
//全局变量
var index=0,timer=null,
 pics=byId("banner").getElementsByTagName("div"),
 len=pics.length;
 console.log(len);
 
 
 
 
 pictureGun.js:8 Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

慕戎禧989_ 2020-02-17

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

收起

2回答

好帮手慕酷酷回答被采纳获得+3积分 2020-02-18 15:34:29

同学你好，这里是因为浏览器加载html是从上到下进行加载的，如果将js代码编写在head标签中，这样就会首先加载js代码，然后在js中获取id为banner的元素，但由于html的下面的标签还没有被浏览器加载到，所以会报错，获取为空。

而如老师一样将js的代码编写在body结束标签上面，则就可以避免 js 代码操作 HTML 元素时，HTML 元素还未载入而失效的问题。如：

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

收起回答

好帮手慕酷酷 2020-02-17 17:59:23

同学你好，根据报错信息表示读取到的id为banner里面div为null。

建议同学检查一下html中是否将如下div的id设置为banner了，如果没有，需要进行添加，具体如下：

如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

收起回答

提问者慕戎禧989_ #1

有的，完全和图片一样

2020-02-17 19:04:32
好帮手慕酷酷回复提问者慕戎禧989_ #2

同学你好，由于同学没有粘贴出完整的代码，老师无法为同学调试，建议同学将html、js等完整的代码粘贴出来，老师给同学调试一下。如果我的回答解决了你的疑惑，请采纳！祝学习愉快！

2020-02-18 09:41:14
提问者慕戎禧989_ 回复好帮手慕酷酷 #3

我找到原因了。报错是因为我把<script type="text/javascript" src="../js/script.js"></script>写在了<head>里面，而老师写在了<body>中，换了位置就可以了。我想知道写在这两个里面的区别是什么，同样是引用js文件，为什么写在<head>里面会报错？

2020-02-18 13:11:12