JS获取html元素的标记名实现方法

获取 HTML 元素标记名是 JavaScript 中常用的操作，以下是实现方法的详细攻略：

1. 使用 tagName 属性获取标记名

可以使用 tagName 属性来获取 HTML 元素的标记名。该属性只能用于 DOM 对象，对于文本节点和注释节点是无效的。

示例代码如下：

// 获取某个元素的标记名
const element = document.getElementById('example');
const tagName = element.tagName;
console.log(tagName); // 输出该元素的标记名

2. 使用 nodeName 属性获取标记名

另一种获取 HTML 元素标记名的方法是使用 nodeName 属性。nodeName 属性返回节点的名称，其值与 tagName 属性相同。

示例代码如下：

// 获取某个元素的标记名
const element = document.getElementById('example');
const nodeName = element.nodeName;
console.log(nodeName); // 输出该元素的标记名

需要注意的是，对于 HTML 元素节点的情况下，tagName 属性和 nodeName 属性的值是一样的，但是对于其他类型的节点，它们的值是不同的。

尽管两种方式非常相似，但是在使用过程中，应根据实际情况进行选择。

以上是 JavaScript 获取 HTML 元素标记名的两种方法，可以根据实际需要进行选择。