javascript获取元素的标签 [英] javascript get element's tag

查看:13
本文介绍了javascript获取元素的标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

假设这是我的 HTML:

Lets say this is my HTML:

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

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

I would like to be able to determine what tag belongs to a html element.

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

Example element with id "foo" = div, "goo" = input, "boo" = span ...

所以是这样的:

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

推荐答案

HTMLElement.tagName

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

<img src="http://placekitten.com/200/200" id="myImgElement" alt="">

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

NOTE: It returns tags in capitals. E.g. <img /> will return IMG.

这篇关于javascript获取元素的标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆