C'è un modo per testare il tipo di un elemento in JavaScript?

La risposta potrebbe richiedere o meno la libreria prototipo, tuttavia la seguente configurazione utilizza la libreria.

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

Puoi utilizzare typeof(N)per ottenere il tipo di oggetto effettivo, ma quello che vuoi fare è controllare il tag, non il tipo di elemento DOM.

In tal caso, usa la proprietà elem.tagNameo elem.nodeName.

se vuoi essere davvero creativo, puoi usare un dizionario di nomi di tag e chiusure anonime invece se un interruttore o se / altro.

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

Forse dovrai controllare anche il tipo di nodo:

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

Modifica: corretto il valore nodeType

il roenving è corretto MA è necessario modificare il test in:

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

perché nodeType di 3 è in realtà un nodo di testo e nodeType di 1 è un elemento HTML. Vedi http://www.w3schools.com/Dom/dom_nodetype.asp

Di solito lo ottengo dal valore di ritorno toString (). Funziona in elementi DOM a cui si accede in modo diverso:

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]"

Quindi il pezzo rilevante:

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

Funziona in Chrome, FF, Opera, Edge, IE9 + (nella vecchia IE restituisce "[Object Object]").

Sebbene le risposte precedenti funzionino perfettamente, aggiungerò solo un altro modo in cui gli elementi possono anche essere classificati utilizzando l'interfaccia che hanno implementato.

Fare riferimento a W3 Org per le interfacce disponibili

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">

Il controllo dell'interfaccia può essere effettuato in 2 modi come elem instanceof HTMLAnchorElemento elem.constructor.name == "HTMLAnchorElement", entrambi i ritornitrue

Ho un altro modo per provare lo stesso.

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
}