Gibt es eine Möglichkeit, den Typ eines Elements in JavaScript zu testen?

Für die Antwort ist möglicherweise die Prototypbibliothek erforderlich oder nicht. Das folgende Setup verwendet jedoch die Bibliothek.

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

Sie können verwenden typeof(N), um den tatsächlichen Objekttyp abzurufen. Sie möchten jedoch das Tag und nicht den Typ des DOM-Elements überprüfen.

Verwenden Sie in diesem Fall die Eigenschaft elem.tagNameoder elem.nodeName.

Wenn Sie wirklich kreativ werden möchten, können Sie stattdessen ein Wörterbuch mit Tagnamen und anonymen Schließungen verwenden, wenn Sie wechseln oder wenn / sonst.

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

Vielleicht müssen Sie auch den Knotentyp überprüfen:

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

Bearbeiten: Der nodeType-Wert wurde korrigiert

Roenving ist korrekt, ABER Sie müssen den Test ändern in:

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

weil nodeType of 3 tatsächlich ein Textknoten ist und nodeType of 1 ein HTML-Element ist. Siehe http://www.w3schools.com/Dom/dom_nodetype.asp

Normalerweise erhalte ich es vom Rückgabewert toString (). Es funktioniert in DOM-Elementen mit unterschiedlichem Zugriff:

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

Dann das relevante Stück:

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

Es funktioniert in Chrome, FF, Opera, Edge, IE9 + (im älteren IE wird "[Objekt Objekt]" zurückgegeben).

Obwohl die vorherigen Antworten perfekt funktionieren, möchte ich nur eine weitere Möglichkeit hinzufügen, bei der die Elemente auch über die von ihnen implementierte Schnittstelle klassifiziert werden können.

Informationen zu verfügbaren Schnittstellen finden Sie in W3 Org

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

Die Schnittstellenprüfung kann auf zwei Arten als elem instanceof HTMLAnchorElementoder elem.constructor.name == "HTMLAnchorElement"beide Rückgaben durchgeführt werdentrue

Ich habe eine andere Möglichkeit, dasselbe zu testen.

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
}