Question

我不确定我目前的实施是否始终可用：

function isNodeList(nodes) {
    var result = Object.prototype.toString.call(nodes);
    // modern browser such as IE9 / firefox / chrome etc.
    if (result === '[object HTMLCollection]' || result === '[object NodeList]') {
        return true;
    }
    //ie 6/7/8
    if (typeof(nodes) != 'object') {
        return false;
    }
    // detect length and item 
    if (!('length' in nodes) || !('item' in nodes)) {
        return false;
    }
    // use the trick NodeList(index),all browsers support
    try {
        if (nodes(0) === null || (nodes(0) && nodes(0).tagName)) return true;
    }
    catch (e) {
        return false;
    }
    return false;
}

常见的情况是{length：1，item：function（）{return [];}}
chrome / safari / opera中的结果值是'[object NodeList]' 在firefox和IE 9中，它是'[object HTMLCollection]'。

哪个是标准值？

Answer 1

如果节点类型为 NodeList

，则以下应返回 true

NodeList.prototype.isPrototypeOf(nodes)

@DavidSpector，对于 HTMLCollection ，您可以同样使用：

HTMLCollection.prototype.isPrototypeOf(collection)

Answer 2

我会以不同的方式构建代码：

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

注意：

更少的返回路径使代码更容易阅读
如果可能的话，坚持使用一种逻辑（即使用较少的否定支票）

中，

"item"不是强制性的

使用hasOwnProperty()代替in

使用方括号索引列表

我不认为尝试/捕获是真的有必要，但这可能是错的 - 你决定

检查nodeType而不是tagName，因为文字节点或评论没有名称

如果您认为合适，可以向&&链添加更多支票

Answer 3

<强>脚本：

Element.prototype.isNodeList = function() {return false;}
NodeList.prototype.isNodeList = HTMLCollection.prototype.isNodeList = function(){return true;}

像这样使用：

var d; // HTMLCollection|NodeList|Element
if(d.isNodeList()){
  /*
    it is HTMLCollection or NodeList
    write your code here
  */
}else{
  /*
    it is not HTMLCollection and NodeList
    write your code here
  */
}

Answer 4

以下是如何测试对象是否是现代浏览器中的NodeList：

if (nodes instanceof NodeList) {
  // It's a NodeList object
}

Answer 5

Check if variable is an HTMLcollection or a dom element

  var foo = document.getElementById('mydiv');
  var foo2 = document.getElementsByClassName('divCollection');
  console.log(foo instanceof HTMLElement);
  console.log(foo instanceof HTMLCollection);

Answer 6

这个答案可能真的很晚，但是......

if (nodes == '[object NodeList]') {
  // It's a nodeList
}

Answer 7

我在此处创建了所有答案的基准，以了解最快的速度是什么。事实证明NodeList.prototype.isPrototypeOf(nodes)是迄今为止最快的。但是在正常的用例中，nodes instanceof NodeList也可以。

我个人不会选择isNodeList函数，因为它的速度慢，自定义且开销太大。

如何在JavaScript中检测HTMLCollection / NodeList？

7 个答案: