判断dom节点是否“完全相等”需区分引用相等（用===或issamenode）与结构值相等（用isequalnode）；前者检查同一对象实例，后者深度比对类型、属性、子节点等结构内容。
检测两个 DOM 节点是否“完全相等”，关键在于明确你指的“相等”是哪种语义：是内存中同一个对象（引用相等），还是结构、类型、属性、子内容都一致（值相等）。JavaScript 提供了两个原生 DOM 方法，分别对应这两种判断，用错就会得出错误结论。
用 isSameNode() 判断是否为同一对象
这个方法检查的是两个变量是否指向 DOM 树中**完全相同的节点实例**，即内存地址一致。
- 返回 true 仅当
node1 === node2成立（严格相等） - 常用于确认操作前后是否操作了同一个元素，比如事件回调中验证目标节点
- 注意：在现代浏览器中已不推荐使用，可用
===直接替代（更简洁且语义清晰）
用 isEqualNode() 判断是否结构内容完全一致
这是真正意义上的“深度相等”检测：它逐项比对两个节点的 nodeType、nodeName、nodeValue、attributes、child nodes 的递归结构 等，不要求是同一个对象。
- 适用于校验克隆节点是否与原节点一致、测试中比对渲染结果、或判断动态生成的 DOM 是否符合预期
- 对文本节点，会比较
nodeValue；对元素节点，会递归比较所有子节点和全部属性（包括顺序无关的 attribute 集合） - 示例：
div1.isEqualNode(div2)返回true，即使它们是分别创建但结构完全相同的<div class="box" data-id="1">OK</div>
注意边界情况和常见误区
这两个方法都不处理“视觉等效”或“语义等效”。例如：
- 两个
<div>Hello</div>和<div>Hello</div>会通过isEqualNode()，但若其中一个含空格文本节点或注释节点，就可能失败 -
isEqualNode()不比较自定义属性（如element.myData = {...}），只检查标准 DOM 属性和结构 - 它不等价于深比较整个节点树的 JSON 序列化结果——DOM 节点无法直接 JSON.stringify，且某些属性（如
onlick函数）不会被纳入比较
简单替代方案：需要更灵活比较时怎么办
如果 isEqualNode() 太严格（比如忽略属性顺序、跳过空白文本节点），可手动封装轻量逻辑：
- 先快速排除：类型不同、标签名不同、子节点数不同 → 直接 false
- 遍历 attributes，用
getAttributeNames()+getAttribute()比较键值对（可排序后比对） - 递归比较子节点，跳过
nodeType === 3 && !node.nodeValue.trim()的空白文本节点 - 注意：避免无限递归（如 document.body 包含自身引用的情况）
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
