Necesito una forma de determinar el tipo de elemento HTML en JavaScript. Tiene la identificación, pero el elemento en sí podría ser un div, un campo de formulario, un fieldset, etc. ¿Cómo puedo lograr esto?¿Cómo puedo determinar el tipo de elemento HTML en JavaScript?
nodeName es el atributo que está buscando. Por ejemplo:
var elt = document.getElementById('foo');
console.log(elt.nodeName);
Tenga en cuenta que nodeName devuelve el nombre del elemento en mayúsculas y sin los paréntesis angulares, lo que significa que si usted quiere comprobar si un elemento es un elemento <div> que podría hacerlo de la siguiente manera:
elt.nodeName == "DIV"
Si bien esto no le daría los resultados esperados:
elt.nodeName == "<div>"
¿Qué hay de element.tagName?
Véase también tagName docs on MDN.
de acuerdo con las marcas de tiempo que me ganó por menos de 1 segundo! – eyelidlessness
Incluso logré arrojar algo de inglés extraño. ¡Crikey! –
de QuirksMode: Mi consejo es no utilizar tagName en absoluto. nodeName contiene todas las funcionalidades de tagName, más algunas más. Por lo tanto, nodeName es siempre la mejor opción. – bdukes
Recomiendo hacerlo así: if (elt.nodeName.toLowerCase() === "div") {...} De esta manera, si por alguna razón ya no se devuelve en letras mayúsculas (minúsculas) o mixto), no tendrá que cambiarlo y este código seguirá funcionando bien. – TheCuBeMan
En respuesta a @TheCuBeMan, usar toLowerCase() significa que también debe asegurarse de que existe nodeName (si es posible, elt no es, de hecho, un elemento): 'if (elt.nodeName && elt.nodeName.toLowerCase () === 'div') {...} ' –