HTMLCollection item() 方法

HTMLCollection item() 方法用于获取 HTMLCollection 对象中指定索引位置的元素。

语法

elementList.item(index);

参数：

• index：必需。指定元素的索引值，从 0 开始。

返回值

返回 HTMLCollection 对象中指定索引位置的元素；如果指定的索引值超出了范围，返回 null。

示例

<ul>
  <li>苹果</li>
  <li>橘子</li>
  <li>香蕉</li>
</ul>

<script>
  const fruits = document.getElementsByTagName('li');
  console.log(fruits.item(1)); // 输出 <li>橘子</li>
  console.log(fruits.item(3)); // 输出 null
</script>

注意事项

• item() 方法是 HTMLCollection 对象的标准方法；
• HTMLCollection 对象也可以通过索引值来访问元素，如： fruits[0]；
• 在使用 item() 方法获取元素时，需要指定元素的索引值，且必须为数值类型，否则会返回 null；
• 如果指定的索引值超出了元素的范围，也会返回 null；
• HTMLCollection 对象不同于数组，它是只读的，不能修改它的值。