1-3依次弹出前端书籍的列表项

1-3依次弹出前端书籍的列表项

<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>

</body>

<script>

var listWeb=document.getElementById("listWeb").getElementsByTagName("li");//获取到listweb下所有li的元素,一共5个

console.log(listWeb.length);

var arr=[];

var str=["第一","第二","第三","第四","第五"];

for(var i=0;i<listWeb.length;i++){


alert(str[i]+"本书:"+(listWeb[i].innerHTML));


}

alert("一共 "+listWeb.length+"本书");

//l???老师这里的代码innerHTML没学???可以用别的方式写出这道题吗???


正在回答 回答被采纳积分+1

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

3回答
好帮手慕糖 2018-01-05 17:34:28

你好,若想弹出元素中的内容,可使用innerHTML,后期会有相关知识的讲解,上边同学的代码有使用哦,可以参考下。

祝学习愉快~

清丶辞 2017-11-22 15:00:57

var webBooks = document.getElementById("listWeb").getElementsByTagName("li");

console.log(webBooks);

for(var i=0;i<webBooks.length;i++){

alert("前端书籍第"+(i+1)+"本"+webBooks[i]);

}

alert("前端书籍共计"+webBooks.length+"本");

不需要去设置数组

Miss路 2017-10-29 14:40:02

这里没有要求要用innerhHTML写,只是要获取对象,而且获取标签中的内容就是用innerHTML,用其他的方法就复杂化了,也没有必要。

  • 想问一下,弹出的为什么是[object HTMLL...]呢?是因为alert只能弹出文本,不能弹出对象,或者数组这种吗?那么有什么解决办法吗?
    2018-01-05 17:19:43
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
JavaScript基础入门 2018
  • 参与学习       547    人
  • 提交作业       206    份
  • 解答问题       640    个

JavaScript作为前端学习中的一个重要组成部分,本课程将带领你从最基础的语法开始,学习js的流程控制语句、函数、内置对象、DOM基础、DOM事件、BOM基础以及经典的js案例--轮播图。

了解课程
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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