jQuery获取HTML标签名称(tagName)的正确方法
作者：小圆点时间：2026-10-23 17:02:59浏览：470
本文介绍在jQuery中获取HTML元素标签名称（tagName）的正确方式。由于直接访问属性会返回undefined，需利用jQuery将tagName视为属性，通过.attr('tagName')方法获取。
jQuery获取标签名(tagName)的方法
查阅jQuery API文档时，可能会发现关于获取HTML标签名称的说明并不直观，难以找到直接的方法。
$("H1").tagName
尝试使用上述方式无法获取“H1”的值，结果通常返回“undefined”。
实际上，jQuery将tagName视为元素属性之一，这一特性可用于获取标签名。
因此，可以使用以下代码：
$("H1").attr("tagName")
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312 /> <title>jquery tagname</title> </head> <body> <input type="button" id="testInput" value="别按我" onclick="show(this)" /> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
作者最新文章
JS在setTimeout或Ajax回调中打开新标签页失败怎么处理
2026-11-05 15:50:12
JS直播协议选型：HLS、FLV与WebRTC的延迟与兼容性对比
2026-11-05 12:16:14
JS实现回到顶部：scrollTop赋值与浏览器兼容性处理
2026-11-04 23:43:35
JS使用classList动态添加、移除和切换CSS类名
2026-11-04 23:40:58
在 D3.js 中实现平滑过渡动画的技巧
2026-11-03 23:46:09