js代码问题

js代码问题

1
2
3
4
5
6
7
8
9
var items=document.getElementsByClassName("icon-gou"),
    li=document.getElementsByTagName("li"),
    index=0;
for(var i=0;i<li.length;i++){
    li[i].onclick=function(){
        li[index].className="through";
    }
    index++;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>toDoList</title>
<link rel="stylesheet" type="text/css" href="font/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/toDoList.css">
</head>
<body>
<div class="toDoBox">
<div class="top_box"><span>To Do:</span><i class="iconfont icon-menu"></i></div>
<div class="list_box">
<ul>
<li><i class="iconfont icon-gou"></i><span>吃饭</span></li>
<li><i class="iconfont icon-gou"></i><span>睡觉</span></li>
<li><i class="iconfont icon-gou"></i><span>打豆豆</span></li>
</ul>
</div>
</div>
<script language="JavaScript" src="js/toDoList.js"></script>
</body>
</html>

为什么会出现 Cannot set property 'className' of undefined,index的值不是0,1,2么?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

上面是你有问题的代码么?我测试出来的效果没有你说的这个报错呀

http://img1.sycdn.imooc.com//climg/5a3728360001d1fb07360717.jpg

祝学习愉快!

  • hunmix 提问者 #1
    谢谢老师我解决了~这个是和上面的代码一起才会有问题,这个确实木有,再次感谢
    2017-12-20 15:32:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码