IsDOM JavaScript--comment vérifier si un objet Javascript est un objet DOM ?

Question

J’essaie d’obtenir :

Dans mes propres scripts, j’ai utilisé juste utiliser étant donné que j’ai jamais eu besoin de `` comme une propriété :

Donc pour le 2ème objet, je suis venu avec ce qui suit comme une solution rapide--qui fonctionne pour la plupart. ;)

Problème est que cela dépend des navigateurs appliquer des propriétés en lecture seule, qui pas tous faire.

Est-ce que quelqu'un sait un bon substitut ?

Answer 1

Cela pourrait être intéressant :

Cela fait partie du DOM, Level2

Mise à jour 2: c’est comment j’ai implémenté dans ma propre bibliothèque : (le code précédent n’a pas fonctionné en Chrome parce que le nœud et HTMLElement sont des fonctions au lieu de l’objet attendu. Ce code est testé dans FF3, IE7, Chrome 1 et Opera 9)

Answer 2

Toutes les solutions ci-dessus et ci-dessous (la mienne y compris) souffrent de la possibilité d'être incorrect, en particulier sur IE, il est tout à fait possible de (re)définir certains objets, méthodes et propriétés pour imiter un nœud DOM rendu le test invalide.

Donc j'ai utiliser le duck-typing-style de test: j'ai tester spécifiquement pour les choses que j'utilise. Par exemple, si je veux cloner un nœud je test comme ceci:

if(typeof node == "object" && "nodeType" in node &&
   node.nodeType === 1 && node.cloneNode){
  // most probably this is a DOM node, we can clone it safely
  clonedNode = node.cloneNode(false);
}

Fondamentalement, c'est un peu sanity check + le test direct pour une méthode (ou une propriété) j'ai l'intention d'utiliser.

D'ailleurs le test ci-dessus est un bon test pour les nœuds DOM sur tous les navigateurs. Mais si vous voulez être sur le côté sûr, toujours vérifier la présence de méthodes et de propriétés et de vérifier leurs types.

EDIT: IE utilise les objets ActiveX pour représenter les nœuds, de sorte que leurs propriétés ne se comportent pas comme véritable objet JavaScript, par exemple:

console.log(typeof node.cloneNode);              // object
console.log(node.cloneNode instanceof Function); // false

alors qu'il devrait revenir "fonction" et true respectivement. Le seul moyen de méthodes de test est de voir si le sont définies.

Answer 3

Vous pouvez essayer d’ajouter à un noeud DOM real...

Answer 4

Il s’agit de la belle bibliothèque javascript mootools :

Answer 5

ancien sujet, mais ici est une possibilité de mise à jour pour les utilisateurs d’ie8 et Firefox 3.5 :