HTML DOM NodeList.keys() 方法

简介

keys() 方法用于返回一个NodeList对象的键名。

语法

nodeList.keys()

返回值

返回一个JavaScript Iterator对象，该对象包含一个列表中每个节点的索引值（键名）。

示例

<ul id="list">
  <li>apple</li>
  <li>orange</li>
  <li>grape</li>
</ul>

const list = document.querySelectorAll("#list li");
const keys = list.keys();
console.log(keys.next().value); // 0
console.log(keys.next().value); // 1
console.log(keys.next().value); // 2

在上面的示例中，我们首先选择了id为“list”的<ul>元素中的所有<li>元素，然后使用keys()方法获取它们的索引值，最后通过迭代器对象来打印索引值。

注意事项

• keys() 方法返回的是一个JavaScript Iterator对象，并不是数组，因此不能使用数组相关的方法。
• 当NodeList为空时，keys()方法将返回一个空iterator对象。