javascript获取元素的标签

【问题标题】：javascript get element's tagjavascript获取元素的标签
【发布时间】：2012-05-19 08:17:25
【问题描述】：

假设这是我的 HTML：

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

我希望能够确定哪个标签属于 html 元素。

id 为 "foo" = div, "goo" = input, "boo" = span 的示例元素 ...

所以是这样的：

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

【问题讨论】：

【解决方案1】：

HTMLElement.tagName

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

&lt;img src="http://placekitten.com/200/200" id="myImgElement" alt=""&gt;

注意：它返回大写的标签。例如。 <img /> 将返回 IMG。

【讨论】：