banner的length为什么是0？

var index=0,timer=null;
var banner = document.getElementsByClassName('banner-slide');
var len =  banner.length;
console.log(len);
function slideImg(){
 
 
 banner.onmouseover = function (){
 }
 banner.onmouseout = function (){
  timer = setInerval(function(){
   index++;
  },2000);
 }
}

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <link rel="stylesheet" type="text/css" href="test.css">
 <script type="text/javascript" src="script.js">
 </script>
</head>
<body>
 <div class="main">
  <div class="banner">
   <a href="">
    <div class="banner-slide slide1 active"></div>
   </a>
   <a href="">
    <div class="banner-slide slide2"></div>
   </a>
   <a href="">
    <div class="banner-slide slide3"></div>
   </a>
   <a href="javascript:void(0)" class="button last"><</a>
   <a href="javascript:void(0)" class="button next">></a>
   <div class="dots">
    <span class="dots-active"></span>
    <span></span>
    <span></span>
   </div>
  </div>
 </div>
</body>
</html>

皮里啪啦 2018-04-11

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

收起

1回答

一叶知秋519 2018-04-11 18:04:21

应该是触发这些内容后才可以正确的显示；也就是说，可以在将这段代码这么写：

window.onload = function() {
    var banner = document.getElementsByClassName("banner-slide");
    var len = banner.length;
    console.log(len);
}

这样就可以正确显示个数了。

祝学习愉快！

收起回答

提问者皮里啪啦 #1

window.onload是什么意思？

2018-04-11 18:13:59
提问者皮里啪啦 #2

为什么没有自动触发

2018-04-11 18:36:05
一叶知秋519 回复提问者皮里啪啦 #3

window.onload 事件会在页面或图像加载完成后立即发生。window.onload 事件内的内容就会自动触发了。代码语句写好以后，需要调用才会触发的。

2018-04-11 19:05:18