Comment créer un objet NodeList de deux ou plusieurs DOMNodes

Question

Par exemple, j'ai deux DOMNodes: let node1 = document.querySelector('#node-1'); let node2 = document.querySelector('#node-2');

Comment puis-je les combiner en un objet NodeList? Y at-il une solution facile comme array.push(item)?

Answer 1

Vous pouvez ajouter les deux noeuds dans un fragment de document:

var docFragment = document.createDocumentFragment(); 
docFragment.appendChild(node1); 
docFragment.appendChild(node2); 

Et si vous voulez vraiment les dans un NodeList faire:

var list = docFragment.querySelectorAll('*'); 

L'inconvénient est que dès que vous ajoutez les noeuds au fragment de document que vous les supprimez du document réel.

Answer 2

var nList = document.querySelectorAll('[id^="node"]'); 

Collectez tous les nœuds avec un ID commençant par "node".

var nList = document.querySelectorAll('[id^="node"]'); 
 
for (var i = 0; i < nList.length; i++) { 
 
    var node = nList[i].id; 
 
    console.log('Node: ' + node); 
 
}

<div id="node-1">node-1</div> 
 
<div id="node-2">node-2</div> 
 
<div id="notnode-3">notnode-3</div> 
 
<div id="check">Check the console (F12, then choose the 'console' tab)</div>