2012-05-10 5 views
40

permite decir que este es mi HTML:Javascript a obtener la etiqueta de elemento de

<div id="foo"> 
<input id="goo" value="text" /> 
<span id="boo"> 
</span> 
</div> 

Me gustaría ser capaz de determinar qué etiqueta pertenece a un elemento HTML.

elemento Ejemplo con id "foo" = div, "Goo" = input, "boo" = span ...

Así que algo como esto:

function getTag (id) { 
    var element = document.getElementById(id); 
    return element.tag; 
} 

Respuesta

79

HTMLElement.tagName

var element = document.getElementById('myImgElement'); 
console.log('Tag name: ' + element.tagName); 
// Tag name: IMG 

NOTA: Devuelve etiquetas en mayúsculas. P.ej. <img /> devolverá IMG.

+6

tenga en cuenta que esto devuelve el nombre en mayúscula, es decir, 'BUTTON' o' INPUT', independientemente de su HTML real – Jason

Cuestiones relacionadas