2012-05-10 13 views
40

permette di dire questo è il mio HTML:javascript ottenere tag dell'elemento

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

mi piacerebbe essere in grado di determinare quali tag appartiene a un elemento HTML.

elemento di esempio con id "pippo" = div, "goo" = input, "boo" = span ...

Quindi qualcosa di simile:

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

risposta

79

HTMLElement.tagName

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

NOTA: restituisce i tag in maiuscolo. Per esempio. <img /> restituirà IMG.

+6

nota che questo restituisce il nome in maiuscolo, ad esempio 'BUTTON' o' INPUT', indipendentemente dal tuo HTML effettivo – Jason

Problemi correlati