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