克隆DOM节点列表和访问成员是未定义的

克隆DOM节点列表和访问成员是未定义的问题通常发生在尝试复制一个DOM节点列表（例如通过document.querySelectorAll获取的NodeList）并访问其成员时。这种情况的原因可能是复制的节点列表并不包含实际的DOM节点，而只是一个空对象或者数组。

基础概念

DOM节点列表（NodeList）：NodeList是一个类数组对象，包含了DOM元素的集合，可以通过索引访问其中的元素。
克隆DOM节点列表：克隆意味着创建一个NodeList的副本，但这个副本并不一定包含实际的DOM节点。

问题原因

当你尝试克隆一个NodeList时，如果只是简单地使用slice或者扩展运算符...来复制，得到的将是一个新的数组，但这个数组中的元素并不是原始NodeList中的DOM节点的副本，而是对原始节点的引用。

解决方法

要正确地克隆一个NodeList并访问其成员，你需要创建一个新的NodeList，并将原始NodeList中的每个节点复制到新的NodeList中。这可以通过遍历原始NodeList并使用cloneNode方法来实现。

以下是一个示例代码：

// 假设我们有一个NodeList
const originalNodeList = document.querySelectorAll('.some-class');

// 创建一个新的NodeList来存放克隆的节点
const clonedNodeList = [];

// 遍历原始NodeList并克隆每个节点
originalNodeList.forEach(node => {
  clonedNodeList.push(node.cloneNode(true));
});

// 现在可以安全地访问克隆的NodeList中的成员
clonedNodeList.forEach(clonedNode => {
  // 对克隆的节点进行操作
  console.log(clonedNode);
});