JavaScript NodeList

Question

is there a way to join 2 NodeLists returned by 2 calls of document.getElementsByTagName?

Say, I have the following code

var inputs = documentElement.getElementsByTagName('input'); var selects = document.getElementsByTagName('select'); 

I want to loop through the results. Is it possible in one loop?

Thank you in advance!

Answer 1

Seems like you can use the same Array.prototype.slice.call that makes the args array-like object become an array. (See here)

var inputs = document.getElementsByTagName('input'); var selects = document.getElementsByTagName('select');  inputs = Array.prototype.slice.call(inputs); selects = Array.prototype.slice.call(selects);  var res = inputs.concat(selects);  alert(res.length); 

Answer 2

You can't join them, but you can still loop through them sequentially in one loop like this:

for ( var i = 0; i < inputs.length + selects.length; i++ ) {     var element = ( i < inputs.length ) ? inputs[i] : selects[i-inputs.length]; } 

Alternatively, using jQuery, you could select them all in one go:

$('input, select')