在前端开发中，经常需要获取选定元素的标记名。本文将介绍如何使用 JavaScript 获取选定元素的标记名，并提供示例代码以帮助读者更好地理解。
使用 tagName 属性获取标记名
要获取选定元素的标记名，可以使用其 tagName 属性。该属性返回元素的标记名称，以大写字母表示。
以下是一个示例，演示了如何使用 tagName 获取选定元素的标记名：
-- -------------------- ---- ------- --------- ----- ------ ------ -------------------------- ------- ------ ----- --------------- --- --------- --------- ----- ------- - --------------------------------- ------------------------------- -- -- ----- ---------- ------- -------
在上述示例中，我们首先定义了一个包含一个 div 元素的 HTML 页面。然后，我们使用 getElementById 方法获取该元素，并将其存储在变量 element 中。接下来，我们使用 tagName 属性获取该元素的标记名，并将其输出到控制台。
注意事项
tagName属性返回的标记名始终是大写字母，即使在 HTML 文档中使用小写字母定义了该元素。- 如果要获取当前正在处理的元素的标记名，请使用
this.tagName。
结论
本文介绍了如何使用 JavaScript 获取选定元素的标记名。虽然这是一个简单的任务，但它是了解 DOM 编程的重要一步。通过学习本文中提供的示例代码，读者可以更好地理解如何在自己的项目中实现此功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8110