javascript - 如何将元素数组转换为 NodeList？

Question

首先是:这不是问如何将 NodeList 变成数组。这是相反的。

为了保持一致性，我想创建一个返回 NodeList 的函数，就像 document.querySelectorAll() 一样。

这是我当前的代码:

var toNodeList = function(arrayOfNodes){
  var fragment = document.createDocumentFragment();
  arrayOfNodes.forEach(function(item){
    fragment.appendChild(item);
  });
  return fragment.childNodes;
};

然而，这会从 DOM 中删除原始元素!

如何以非破坏性的方式制作NodeList？

Answer 1

您需要克隆该节点。

var toNodeList = function(arrayOfNodes){
  var fragment = document.createDocumentFragment();
  arrayOfNodes.forEach(function(item){
    fragment.appendChild(item.cloneNode());
  });
  return fragment.childNodes;
};

注意将 true 传递给 cloneNode 以进行深度克隆。