HTML DOM NodeList.values() 方法

简介

NodeList 是一种类似数组的对象，它存储了一组按照文档顺序排列的节点。NodeList 对象可以通过 document 对象的方法获取。

NodeList.values() 方法是 NodeList 对象的一个方法，用于返回一个新的 Array 对象，其中包含 NodeList 中所有节点的值。这个方法类似于 Array.from() 方法，但返回的是一个值数组而不是节点数组。

语法

nodelist.values()

参数

该方法不接受任何参数。

返回值

返回一个新的 Array 对象，其中包含了 NodeList 中所有节点的值。

示例

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

JavaScript

const nodeList = document.querySelectorAll('li');
const valueArray = nodeList.values();
console.log(valueArray); // ['Item 1', 'Item 2', 'Item 3']

浏览器兼容性

NodeList.values() 方法目前仅在 Chrome 和 Edge 中支持，其他浏览器都不支持。

注意事项

• 该方法返回的是一个值数组而不是节点数组，因此它只能用于获取节点的文本内容、属性值等数据。
• 该方法仅适用于 ES6 或更高版本的 JavaScript。如果你需要支持旧版浏览器，可以使用 Array.from() 方法代替。