Comment vérifier si l'objet est un élément DOM?

Question

J'ai une fonction:

function Check(o) 
{ 
    alert(/* o is a DOM element ? "true" : "false" */); 
} 

Comment puis-je vérifier si le paramètre o est un objet DOM ou non?

Answer 1

Un élément DOM implémente l'interface Element. Ainsi, vous pouvez faire:

function Check(o) { 
    alert(o instanceof Element); 
} 

Answer 2

Vérifiez que la propriété nodeName existe.

Vérifiez fondamentalement s'il s'agit d'un Node: regardez le DOM lvl 1 specs, vérifiez la définition du nœud.

Si vous vouliez dire littéralement quand vous avez dit Element chèque tagName propriété, regardez la définition des éléments de la même spécification

Pour résumer, procédez

function Check(o) 
{ 
    alert(o.tagName ? "true" : "false"); 
} 

pour vérifier si elle est Element DOM ou

function Check(o) 
{ 
    alert(o.nodeName ? "true" : "false"); 
} 

pour vérifier si elle est un nœud DOM

Answer 3

Vous pouvez utiliser la fonction suivante

function isNode(o) 
{ 
    return o && 'nodeType' in o; 
} 

Answer 4

Au lieu de simplement vérifier l'existence d'une propriété, je vérifierais sa valeur spécifique.

Ceci suppose que vous êtes à la recherche d'un élément "type 1".

nodeType at MDC^(docs)

function Check(o) { 
    alert(o && o.nodeType && o.nodeType === 1); 
} 

Vous pouvez toujours obtenir un objet qui a la propriété nodeType qui ne sont pas en fait un nœud DOM, mais il faudrait aussi avoir une valeur correspondante de 1 pour donner un faux positif.

Answer 5

réponse tardive, mais un fragment de document pourrait être un nœud ainsi:

function isNode(node) { 
    return node && (node.nodeType === 1 || node.nodeType == 11); 
} 

Crédits: https://github.com/k-gun/so/blob/4.8.1/so.dom.js#L50

Answer 6

Vous pouvez vérifier si un nœud DOM est un élément avec JQuery:

element.is("*")