1-7练习

1-7练习

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DOM的查找方法</title>
</head>
<body>
    <h3>前端书籍</h3>
    <ul id="listWeb">
  <li>htmll基础</li>
  <li>CSS基础</li>
  <li>JavaScript基础</li>
  <li>Jquery框架</li>
  <li>bootStrap框架</li>
 </ul>
 <h3>JAVA书籍</h3>
 <ul id="listJava">
  <li>JAVA语言基础</li>
  <li>三大框架</li>
  <li>JAVA深入浅出</li>
 </ul>
<script>
 //补充代码
  var a=document.getElementById("listWeb").getElementsByTagName(li);
  for(var i=0,len=a.length;i<len;i++){
      alert("前端书籍第"+(i+=1)+"本:"+a[i].innerHTML;)
  }alert("前端书籍共计"+len+"本")
</script>
</body>
</html>


正在回答

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

2回答

同学你好,因为a[5] 是不存在的,下标为5的话,代表应该是有六个li标签,但是找不到第六个li标签,所以不会有弹窗弹出来。

参考下面计算:

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

山河远阔ZZ 2019-01-07 15:28:40

同学你好,代码中有4个问题:

1、第一个alert弹窗里面多写了一个分号,如下图:

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

更改如下:

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

2、获取li标签的时候没有用引号包裹起来,如下图:

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

更改如下:

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

3、书本要从第一本挨个弹出,因为i的初始值是从0开始的,所以应该是i+1,而不是i+=1,如下图:

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

更改如下:

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

4、建议把弹出的列表项是不是dom对象添加上,参考下图:

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

自己测试一下,祝学习愉快,望采纳!

  • 提问者 weixin_慕哥8086897 #1
    为什么我输入i+=1,它只显示第一本还有第三本
    2019-01-07 15:33:48
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星

相似问题

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

请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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