Prueba del tipo de un elemento DOM en JavaScript

Question

¿Hay alguna forma de probar el tipo de elemento en JavaScript?

La respuesta puede requerir o no la biblioteca de prototipos, sin embargo, la siguiente configuración hace uso de la biblioteca.

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

Answer 1

Puede utilizar typeof(N) para obtener el tipo de objeto real, pero lo que quiere hacer es comprobar la etiqueta, no el tipo de elemento DOM. En este caso, use la propiedad elem.tagName o elem.nodeName.

si quiere ser realmente creativo, puede usar un diccionario de nombres de etiquetas y cierres anónimos en lugar de un interruptor o si/else.

Answer 2

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

Answer 3

Tal vez tendrá que comprobar el tipo de nodos también:

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

Editar: Se ha corregido el valor nodeType

Answer 4

roenving es correcta, pero es necesario cambiar el examen para:

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

porque nodeType of 3 es en realidad un nodo de texto y nodeType de 1 es un elemento HTML. Ver http://www.w3schools.com/Dom/dom_nodetype.asp

Answer 5

Tengo otra forma de probar lo mismo.

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 
 
}

Answer 6

lo general obtener desde el valor de retorno toString(). Funciona de manera diferente accede a los elementos DOM:

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

A continuación, el dato relevante:

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

funciona en Chrome, FF, Opera, Borde, IE9 + (en IE mayores que vuelva "[object Object] ").