Comment détecter HTMLCollection / NodeList en JavaScript?

Je ne suis pas sûr que mon actuel de la mise en œuvre est disponible tout le temps:

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

Une situation commune est {longueur:1,item type:function(){return [];}}
La valeur de résultat dans google chrome /safari /opera est '[objet NodeList]'.
Dans firefox et IE 9 , c'est - '[objet HTMLCollection]'.

Qui est la valeur standard?

source d'informationauteur simon xu

  1. 22

    Suivantes devraient retour truesi les nœuds est de type NodeList

    NodeList.prototype.isPrototypeOf(nodes)
  2. 21

    Je structure le code différemment:

    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:

    • moins voies du retour de rendre plus facile-à-lire le code
    • le bâton avec un type de logique, si possible (c'est à dire utiliser moins niée contrôles)
    • "item" n'est pas obligatoirement dans une nodeList
    • utilisation hasOwnProperty() au lieu de in
    • utiliser des crochets pour les index dans la liste
    • Je ne pense pas qu'un try/catch est vraiment nécessaire, mais qui pourrait être mal - à vous de décider
    • vérifier nodeType au lieu de tagNamecomme les nœuds de texte ou des commentaires n'ont pas de nom
    • ajouter plus de contrôles à l' && chaîne si vous voyez l'ajustement
  3. 11

    script:

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

    utiliser comme cette:

    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
  */
}
  4. 4

    Voici comment faire pour tester si un objet est une NodeList dans les navigateurs modernes:

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

    Vérifier si une variable est un HTMLcollection ou d'un élément du dom

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

    Cette réponse est probablement vraiment vraiment en retard, mais....

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

    J'ai créé un point de référence de toutes les réponses ici pour voir, quel est le meilleur approuver en vitesse. S'avère NodeList.prototype.isPrototypeOf(nodes) est de loin le plus rapide. Mais dans un cas d'utilisation nodes instanceof NodeList serait bien aussi.

    Personnellement, je voudrais juste de ne pas prendre le isNodeList fonction, à cause de sa lenteur, de la coutume et trop de frais généraux.

    Référence: https://jsperf.com/check-for-nodelist