Existe-t-il un moyen de tester le type d'un élément en JavaScript?

La réponse peut nécessiter ou non la bibliothèque prototype, mais la configuration suivante utilise la bibliothèque.

function(event) {
  var element = event.element();
  // if the element is an anchor
  ...
  // if the element is a td
  ...
}

Vous pouvez utiliser typeof(N)pour obtenir le type d'objet réel, mais ce que vous voulez faire est de vérifier la balise, pas le type de l'élément DOM.

Dans ce cas, utilisez la propriété elem.tagNameor elem.nodeName.

si vous voulez être vraiment créatif, vous pouvez utiliser un dictionnaire de noms de variables et de fermetures anonymes à la place si un commutateur ou si / autre.

if (element.nodeName == "A") {
 ...
} else if (element.nodeName == "TD") {
 ...
}

Vous devrez peut-être également vérifier le type de nœud:

if(element.nodeType == 1){//element of type html-object/tag
  if(element.tagName=="a"){
    //this is an a-element
  }
  if(element.tagName=="div"){
    //this is a div-element
  }
}

Edit: Correction de la valeur nodeType

roenving est correct MAIS vous devez changer le test en:

if (element.nodeType == 1) {
//code
}

car nodeType de 3 est en fait un nœud de texte et nodeType de 1 est un élément HTML. Voir http://www.w3schools.com/Dom/dom_nodetype.asp

Je l'obtiens généralement à partir de la valeur de retour toString (). Il fonctionne dans les éléments DOM accessibles différemment:

var a = document.querySelector('a');

var img = document.createElement('img');

document.body.innerHTML += '<div id="newthing"></div>';
var div = document.getElementById('newthing');

Object.prototype.toString.call(a);    // "[object HTMLAnchorElement]"
Object.prototype.toString.call(img);  // "[object HTMLImageElement]"
Object.prototype.toString.call(div);  // "[object HTMLDivElement]"

Puis la pièce pertinente:

Object.prototype.toString.call(...).split(' ')[1].slice(0, -1);

Il fonctionne dans Chrome, FF, Opera, Edge, IE9 + (dans l'ancien IE, il renvoie "[objet objet]").

Bien que les réponses précédentes fonctionnent parfaitement, je vais simplement ajouter une autre façon où les éléments peuvent également être classés à l'aide de l'interface qu'ils ont implémentée.

Référez-vous à W3 Org pour les interfaces disponibles

console.log(document.querySelector("#anchorelem") instanceof HTMLAnchorElement);
console.log(document.querySelector("#divelem") instanceof HTMLDivElement);
console.log(document.querySelector("#buttonelem") instanceof HTMLButtonElement);
console.log(document.querySelector("#inputelem") instanceof HTMLInputElement);

<a id="anchorelem" href="">Anchor element</a>
<div id="divelem">Div Element</div>
<button id="buttonelem">Button Element</button>
<br><input id="inputelem">

La vérification de l'interface peut être effectuée de 2 façons au fur elem instanceof HTMLAnchorElementet à mesure que les elem.constructor.name == "HTMLAnchorElement"deux retourstrue

J'ai une autre façon de tester la même chose.

Element.prototype.typeof = "element";
var element = document.body; // any dom element
if (element && element.typeof == "element"){
   return true; 
   // this is a dom element
}
else{
  return false; 
  // this isn't a dom element
}