📌  相关文章
📜  HTML DOM NodeList.entries() 方法(1)

📅  最后修改于: 2023-12-03 15:01:10.165000             🧑  作者: Mango

HTML DOM NodeList.entries() 方法

NodeList.entries() 方法返回一个迭代器对象，该对象包含 NodeList 中每个节点的键值对（key-value pairs）。每个键值对的键为节点的索引，值为节点本身。

语法
NodeList.entries()
返回值

返回一个迭代器对象，该对象包含 NodeList 中每个节点的键值对（key-value pairs）。每个键值对的键为节点的索引，值为节点本身。

示例
<!DOCTYPE html>
<html>
  <head>
    <title>HTML DOM NodeList.entries() 方法示例</title>
  </head>
  <body>
    <ul id="myList">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    <script>
      const list = document.querySelectorAll("#myList li");
      const iterator = list.entries();
      
      for (const [index, node] of iterator) {
        console.log(`索引：${index}，节点：${node.textContent}`);
      }
    </script>
  </body>
</html>

输出结果：

索引：0，节点：Item 1
索引：1，节点：Item 2
索引：2，节点：Item 3
注意事项
  • NodeList 是一个包含符合特定选择器组的所有元素的类数组对象。
  • NodeList 和 HTMLCollection 都是 DOM 中非常重要的集合类型。可以使用这些对象来访问文档中的节点，以进行各种操作。
  • NodeList.entries() 在标准的 JavaScript 中添加，因此实现可能存在一些浏览器兼容性问题。请在使用时注意浏览器兼容性问题。