我目前正在学习HTML和JavaScript，但我在理解节点/元素以及如何记录它们时遇到问题。我正在参加一个在线课程，该课程使用机器人更正我的代码。这是我的HTML文件，需要什么：<body> <section id="players"> <h1>Players</h1> <ol> <li>Alice</li> <li>Bob</li> <li>Cesar</li> </ol> </section> <script src="index.js"></script> </body>我需要创建一个包含三个元素节点的“类似数组”的值：上面的HTML结构中的每个“列表项”一个，我需要将“类似数组”的值保存在一个名为items到目前为止，这是我的JavaScript代码，但它不起作用...let items = document.getElementsById('players')console.log(items[0])机器人输出为：index.js ✓ exists ✓ is valid JavaScript 1) defines items such that it contains three elements 2) defines items such that it contains three list item elements
1 回答
蝴蝶刀刀
TA贡献1801条经验 获得超8个赞
您要选择列表项，因此请使用 （或 ） 选择这些项：querySelectorAllgetElementsByTagName<li>
const items = document.querySelectorAll('li');
console.log(items[0], items[1], items[2]);
<section id="players">
<h1>Players</h1>
<ol>
<li>Alice</li>
<li>Bob</li>
<li>Cesar</li>
</ol>
</section>
如果只需要选择从元素降序的 s，请使用选择器和 ： 之间的后代选择器（空格）：<li>playersplayersli
const items = document.querySelectorAll('#players li');
console.log(items[0], items[1], items[2]);
<section id="players">
<h1>Players</h1>
<ol>
<li>Alice</li>
<li>Bob</li>
<li>Cesar</li>
</ol>
</section>
添加回答
举报
0/150
提交
取消