最稳定跨浏览器的节点类型判断方式是直接用 node.nodetype 对照 node 常量：element、attribute、comment、text 节点分别对应 node.element_node、node.attribute_node、node.comment_node、node.text_node；属性节点需从 element.attributes 单独获取；注释与文本节点需注意空白干扰，应 trim 后判断。

直接用 node.nodeType 对照标准常量判断，是最稳定、最跨浏览器的分拣方式。nodeName 或 tagName 仅适合在确认类型后做进一步识别，不能反推物理类型。

优先使用 Node 常量做类型判定

现代浏览器（IE9+ 及所有主流引擎）都支持 Node.ELEMENT_NODE、Node.ATTRIBUTE_NODE、Node.COMMENT_NODE 等命名常量，语义清晰且避免硬编码数字：

• node.nodeType === Node.ELEMENT_NODE → 元素节点（如 <div>、<code><p></p>）
• node.nodeType === Node.ATTRIBUTE_NODE → 属性节点（注意：它不直接出现在 childNodes 中，需通过 element.attributes 获取）
• node.nodeType === Node.COMMENT_NODE → 注释节点（<!-- hello -->）
• node.nodeType === Node.TEXT_NODE → 纯文本内容（不含标签的字符段）

属性节点要从 attributes 集合中单独提取

属性节点不会出现在元素的 childNodes 列表里，所以不能靠遍历子节点发现它。正确做法是：


Rydberg Agent Node
使用一条命令部署ProbeChain Rydberg测试网代理节点。自动注册为Agent(NodeType=1)，免gas，支持macOS/Linux/Windows。触发词：/r
下载
• 先定位到某个元素节点（例如 const el = document.querySelector('input')）
• 再访问其 el.attributes，它返回 NamedNodeMap
• 遍历该集合时，每个项都是 Attr 类型节点，node.nodeType 恒为 2
• 可安全使用 attr.name 和 attr.value 获取键值对

注释与文本节点需警惕“隐形干扰”

HTML 中换行缩进会生成空白文本节点，容易被误判为有效内容；注释节点则常用于模板标记或调试说明：

• 检测注释：用 node.nodeType === Node.COMMENT_NODE，再取 node.textContent 获取注释体
• 过滤空白文本：在处理 Node.TEXT_NODE 前，建议加一层 node.textContent.trim() !== '' 判断
• 避免混淆：不要依赖 node.nodeName === '#comment' 单独判断——旧版 IE 曾返回大小写不一致值，而 nodeType 始终可靠

实战分拣代码结构示例

以下是一个通用遍历逻辑片段，兼顾可读性与健壮性：

function classifyNode(node) {
  switch (node.nodeType) {
    case Node.ELEMENT_NODE:
      return { type: 'element', tag: node.tagName.toLowerCase(), el: node };
    case Node.ATTRIBUTE_NODE:
      return { type: 'attribute', name: node.name, value: node.value };
    case Node.COMMENT_NODE:
      return { type: 'comment', content: node.textContent };
    case Node.TEXT_NODE:
      const text = node.textContent.trim();
      return text ? { type: 'text', content: text } : { type: 'whitespace' };
    default:
      return { type: 'other', code: node.nodeType };
  }
}

调用时可直接传入任意节点，返回结构化结果，便于后续路由处理或内容提取。