Javascript构建元素引用节点列表

Javascript building element reference node list

本文关键字：节点 列表 引用 元素 构建 Javascript      更新时间：2023-09-26

我如何构建一个nodelist，这是对所选节点的引用?示例document.querySelectorAll('tr')返回一个包含页面上所有tr元素节点引用的节点列表。我正在编写方法，通过搜索条件返回元素节点引用。

但是如果我使用insertBefore, appendChild等…这个函数将从元素中删除节点。例如，我有一个4x4表，我想返回前2行:

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);

返回表的前2行，但它将从文档中删除。从DOM中删除并附加到nl作为子元素。

我想只检索节点引用，如querySelectorAll作为一个列表，而不是documentFragment childNodes。

知道如何存档这个吗?

如果您不想在DOM中移动内容，就不要使用移动内容的方法!

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