报错了。我想查找没有设置id的li标签,该怎么写?

报错了。我想查找没有设置id的li标签,该怎么写?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<div class="box" id="box1">元素1</div>

<div class="box" id="box2">元素2</div>

<ul id="list1">

<li>前端开发</li>

<li>服务器开发</li>

<li>UI开发</li>

</ul>

<ol>

<li>原生</li>

<li>框架</li>

</ol>

<script type="text/javascript">

var box=document.getElementById("box2");

console.log(box);

var list1=document.getElementsByTagName("li");

console.log(list1.length);

var list2=document.getElementsByTagName("ol").getElementsByTagName('li');

console.log(list2.length);

</script>

</body>

</html>


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

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

1回答
好帮手慕慕子 2019-05-18 15:10:22

同学你好, 请问你这里是想要获取ol列表下的li标签吗? 如果是指这里的话, 那么因为getElementsByTagName获取是元素的集合,所以可以在使用下标[0]的方式获取ol元素,然后在获取li元素。示例:

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

若同学不是指这里的话,建议: 可以详细的描述你指的是哪里, 再次提问, 我们会继续为你解答的

如果帮助帮助到了你, 欢迎采纳!

祝学习愉快~~~

    

  • 提问者 情人节礼物 #1
    感谢老师回复,问的就是获取ol列表下的li标签。 老师说的【使用[0]的方式获取ol元素】这个方法还有疑问: HTML页面里只有一组ol元素,为何还要在("ol")后面写【0】。 getElementsByTagName获取是元素的集合,这个集合里只有一对ol,理论来说是可以找到ol下的标签li的呀
    2019-05-18 15:16:01
  • 好帮手慕慕子 回复 提问者 情人节礼物 #2
    你好, 是不可以直接使用ol找到它下面的li标签。 老师给你举个例子, 数组arr中只有一个元素, 也是需要使用arr[0] 获取元素。 这里也是同样的搭道理。 由于获取的是集合, 即使只有一个ol, 也是需要使用下标[0]的这种方式才可以获取到元素的。
    2019-05-18 17:39:40
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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