2012-05-10 59 views
40

比方說這是我的HTML:的JavaScript獲得元素的標記

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

我希望能夠確定屬於html元素標籤是什麼。

ID爲 「foo」 的示例元= div, 「咕」= input, 「噓」= span ...

因此,像這樣:

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

回答

79

HTMLElement.tagName

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

備註:它以大寫形式返回標籤​​。例如。 <img />將返回IMG

+6

請注意,無論您的實際HTML如何,它都會返回大寫的名稱,即'BUTTON'或'INPUT' – Jason