Javascript构建元素引用节点列表

Question

我如何构建一个节点列表，它是对所选节点的引用？ 示例 document.querySelectorAll（＆＃39; tr＆＃39;）返回一个nodelist，其中包含页面上的所有tr元素节点引用。 我正在编写方法，通过搜索条件返回元素节点列表引用。

但如果我使用 insertBefore，appendChild 等...此函数将从元素中删除节点。 示例我有一个4x4表，我想返回前两行：

var nl = document.createDocumentFragment();
el = document.querySelectorAll('tr');
for ( var a = 0; a < 2 && a < el.length; a++)
{
    nl.appendChild(el[a]);
}
console.log(nl);

这个nl返回表的前两行，但它将从文档中删除。从DOM中删除并附加到nl作为孩子。

我想只检索像querySelectorAll这样的节点引用作为列表，而不是documentFragment childNodes。

知道如何实现这个目标吗？

Answer 1

如果您不想在DOM中移动东西，请不要使用可以移动的方法！

var nl = new Array();
var el = document.querySelectorAll('tr');
for ( var a = 0; a < 2 && a < el.length; a++)
{
    nl.push(el[a]);
}