nodeName适用于所有节点并返回对应类型名（如“DIV”“#text”），tagName仅适用于元素节点且对非元素节点访问返回undefined。

nodeName 和 tagName 都能获取 DOM 元素的标签名，但适用范围和行为有关键区别：nodeName 通用性强（适用于所有节点），tagName 仅适用于元素节点，且两者在大小写处理、文本节点表现上不同。

nodeName：适用于所有节点类型，返回大写标签名（元素）或节点类型名

nodeName 是 Node 接口的属性，所有节点（元素、文本、注释、文档等）都支持。对元素节点，它返回大写的标签名；对非元素节点，返回对应类型字符串：

• 元素 → nodeName === "DIV"
• 文本节点 → nodeName === "#text"
• 注释节点 → nodeName === "#comment"
• document 节点 → nodeName === "#document"

注意：HTML 中 tagName 和 nodeName 对元素节点都返回大写（即使 HTML 是小写），这是规范行为，与文档解析模式无关（HTML 文档始终不区分大小写解析，但 DOM 属性统一返回大写）。

tagName：只适用于元素节点，返回大写标签名，其他节点访问会报错

tagName 是 Element 接口的属性，**仅元素节点（Element 实例）拥有该属性**。尝试在文本节点、document 或 documentFragment 上读取 tagName 会返回 undefined（不报错），但在严格模式或某些旧环境可能引发异常（实际中多数浏览器静默返回 undefined）：


Blender Geometry Nodes Script Generator
生成Blender Python (bpy)脚本，该脚本使用node_groups API和GeometryNodeTree接口程序化地创建几何节点修改器树，用于参数化3D资产生成。
下载
• document.body.tagName → "BODY"
• document.body.firstChild.tagName（若为文本节点）→ undefined
• document.tagName → undefined（document 不是 Element）

因此，使用 tagName 前建议先判断 node.nodeType === Node.ELEMENT_NODE 或 node instanceof Element。

如何安全、准确地获取“标签名”？推荐按需选择

根据使用场景选择更稳妥的方式：

• 只处理元素节点（如遍历 querySelectorAll 结果）→ 直接用 tagName，语义清晰、意图明确
• 需要统一处理各种节点（如递归遍历整个 DOM 树）→ 用 nodeName，并根据值判断类型（=== "DIV"、=== "#text" 等）
• 想忽略大小写比较 → 统一转小写：el.nodeName.toLowerCase() 或 el.tagName?.toLowerCase()（可选链防 undefined）
• 现代开发中更推荐 el.localName（兼容命名空间，且返回原始大小写，但 HTML 元素仍为小写）——不过兼容性略低于 nodeName/tagName

常见误区提醒

不要假设 tagName 在所有节点上都有效；不要用 nodeName === "div" 做匹配（应写 "DIV"）；自定义元素（如 ）的 nodeName/tagName 返回的是实际标签名（"MY-BUTTON"），不是小写形式；SVG 元素在 HTML 文档中 nodeName 仍为大写（"SVG"、"PATH"），符合 HTML 规范而非 XML 规则。