如何用 nodeType 与 nodeName 准确判断当前节点的物理类型

nodeType 是唯一可靠的节点物理类型标识，应优先用于判断；nodeName 仅作辅助参考，不可单独依赖，因其返回值随节点类型和上下文变化。直接用 nodeType 判断节点的物理类型最准确，nodeName 仅作辅助参考，不可单独依赖。nodeType 是唯一可靠的物理类型标识nodeType 是只读数值属性，由 DOM 规范明确定义，每个数字对应一种底层节点类型，不会因浏览器或上下文变化：1 → 元素节点（Element），如 <div>、<p>3 → 文本节点（Text），包含纯字符内容，不含标签8 → 注释节点（Comment），如 <!-- hello -->9 → 文档节点（Document），即 document 对象本身11 → 文档片段（DocumentFragment）判断时应严格比对数值，例如：node.nodeType === Node.ELEMENT_NODE（推荐用常量，增强可读性）或 node.nodeType === 1。nodeName 的行为取决于节点类型，不能反推物理类型nodeName 返回字符串，但其值和大小写规则随节点类型而异：元素节点：返回大写标签名（如 "DIV"），在 HTML 文档中不区分大小写；XML 中则保留原始大小写文本节点：固定为 "#text"注释节点：固定为 "#comment"文档节点：固定为 "#document"文档类型节点（DOCTYPE）：返回如 "html" 或 "!DOCTYPE"（浏览器实现略有差异）因此，仅凭 nodeName === "DIV" 只能说明它“可能是元素”，但无法排除自定义元素或 SVG 元素等情形；而 nodeName === "#text" 虽然大概率是文本节点，仍需用 nodeType === 3 确认——因为某些环境（如旧版 IE）对 nodeName 的处理不一致。 Cleanup.pictures 智能移除图片中的物体、文本、污迹、人物或任何不想要的东西