HTML DOM tagName 属性

HTML DOM Element 对象

tagName只读属性返回调用它的元素的标记名。

在HTML中,标记名属性的返回值始终是大写的。

您也可以使用nodeName属性返回元素的标记名。不同之处在于,nodeName还返回属性节点、文本节点和注释节点。

语法:

element.tagName
var x = document.getElementById("myPara").tagName;
测试看看‹/›

浏览器兼容性

标记名属性由所有的浏览器完全支持:

属性
tagName

技术细节

返回值:一个String字符串,代表大写的元素的标签名
DOM版本:DOM级别1

更多实例

返回BODY元素的子元素的标签名称:

var x = document.body.children;
var txt = "";
for (let i = 0; i < x.length; i++) {
txt += x[i].tagName + "<br>";
}

document.getElementById("para").innerHTML = txt;
测试看看‹/›

与event.target属性一起使用标记名属性来找出哪些因素引发了指定的事件:

var x = event.target.tagName;
测试看看‹/›

相关参考

HTML DOM参考:node.nodeName属性

HTML DOM Element 对象