How to detect HTMLCollection/NodeList in JavaScript?

Question

I\'m not sure my current implementation is available all the time:

function isNodeList(nodes) {
    var result = Object.prototype.toString.call(nodes);
    /         


        

Answer 1

I would structure the code differently:

function isNodeList(nodes) {
    var stringRepr = Object.prototype.toString.call(nodes);

    return typeof nodes === 'object' &&
        /^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
        (typeof nodes.length === 'number') &&
        (nodes.length === 0 || (typeof nodes[0] === "object" && nodes[0].nodeType > 0));
}

Notes:

• less return paths make easier-to-read code
• stick with one type of logic, if possible (i.e. use less negated checks)
• "item" is not mandatorily in a nodeList
• use hasOwnProperty() instead of in
• use square brackets to index into the list
• I don't think a try/catch is really necessary, but that might be wrong - you decide
• check for nodeType instead of tagName, as text nodes or comments do not have a name
• add more checks to the && chain if you see fit