javascript获取元素的标签

Pat*_*rio 49 html javascript tags

让我们说这是我的HTML:

<div id="foo">
<input id="goo" value="text" />
<span id="boo">
</span>
</div>
Run Code Online (Sandbox Code Playgroud)

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

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

所以像这样:

function getTag (id) {
   var element = document.getElementById(id);
   return element.tag;
}
Run Code Online (Sandbox Code Playgroud)

Joe*_*Joe 95

HTMLElement.tagName

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

注意:它以大写字母返回标签.例如<img />将返回IMG.

  • 请注意,无论您的实际HTML如何,都会返回大小写的名称,即"BUTTON"或"INPUT" (8认同)