为什么出错了

显示getElementsByTagName错误

<!DOCTYPE html>
1
<br>
<html>
<head>
<meta charset="UTF-8">
<title>综合实例</title>
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
</head>
<body>
<div class="main" id="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="" class="button prev"></a>
<a href="" class="button next"></a>
<div class="dots">
<span class="active"></span>
<span></span>
<span></span>
</div>
</div>
<script type="text/javascript" src="js/javascript.js"></script>
</body>
</html>
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
body{
font-family: "微软雅黑";
color: #14191e;
}
.main{
width: 1200px;
height: 460px;
margin: 30px auto;
overflow: hidden;
position: relative;
}
.banner{
width: 1200px;
height: 460px;
overflow: hidden;
position: relative;
}
.banner-slide{
width: 1200px;
height: 460px;
background-repeat: no-repeat;/*图片只显示一次*/
position: absolute;
display: none;
}
.slide1{
background-image: url(../img/bg1.jpg);
}
.slide2{
background-image: url(../img/bg2.jpg);
}
.slide3{
background-image: url(../img/bg3.jpg);
}
.slide-active{
display: block;
}
.button{
position: absolute;
width: 40px;
height: 80px;
left: 244px;
top: 50%;
margin-top: -40px;
background: url(../img/arrow.png) no-repeat center center;
}
.button:hover{
background-color: #333;/*background-color只改变背景颜色不改变已有的背景*/
opacity: 0.8;
filter: alpha(opacity=0.8);
}
.prev{
transform: rotate(180deg);
}
.next{
left:auto;
right: 0px;
}
.dots{
position: absolute;
bottom: 24px;
right: 20px;
text-align: right;
}
.dots span{
display: inline-block;/*让圆点水平方向排列*/
height: 12px;
width: 12px;
line-height: 12px;/*居中对齐*/
border-radius: 50%;
background: rgba(7,17,27,0.4);
box-shadow: 0 0 0 2px rgba(255,255,255,0.8)inset;/*设置锚边*/
margin-left: 8px;
cursor: pointer;/*让光标变为手型*/
}
.dots span .active{
box-shadow: 0 0 0 2px rgba(7,17,27,0.4)inset;
background: #fff;
}
function byId(id) {
return typeof(id) === "String" ? document.getElementById(id) : id;
}
var index = 0;
var timer = null;
pics=byId("banner").getElementsByTagName("div");
len=pics.length;
console.log(len);
function slideImg() {
var main = byId("main");
main.onmouseover = function() {
//滑过清除定时器
}
main.onmouseout = function() {
timer = setInterval(function() {
index++;
console.log(index);
}, 3000);
}
}
slideImg();

慕后端2033046 2019-08-22

源自：项目：JavaScript轮播图 3-1 封装getElementById（）

收起

2回答

好帮手慕柯南 2019-08-23 09:49:01

同学你好！

1、这里是string其实是一个值为string的字符串，并不是String类型

2、报getElementsByTagName is not a function是因为只是元素才能够调getElementsByTagName ，而同学的 byId(id) {}函数有误，导致无法正确通过id来获取元素。所以报了这个错。

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

收起回答

好帮手慕阿满 2019-08-22 17:17:53

同学你好，byId()函数中，string应该是小写，如：

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

收起回答

提问者慕后端2033046 #1

真的耶！我都没注意到。。。可是为什么是小写呢我记得Java中string类是大写啊？另外它的报错是getElementsByTagName is not a function老师能不能给我分析一下这是什么意思啊为什么会在这里报错呢？谢谢

2019-08-22 20:32:34