jQuery获取HTML标签名称(tagName)的正确方法

作者:小圆点

时间:2026-10-23

浏览:469

本文介绍在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需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章