检查2个DOM元素的相等性

Question

我如何检查2个Dom元素是否相同。

表单示例

var element1 = document.getElementById("abc");
var element2 = document.getElementById("abc");

现在我该如何判断这2个元素是否相等？

由于

Answer 1

element1和element2是对DOM tree中相同位置的引用。请检查

if( element1 == element2 )
{
  alert("same") ;
}

Answer 2

查看dom节点的api。看起来您可以使用isEqualNode来实现此目的。

https://developer.mozilla.org/en-US/docs/Web/API/Node/isEqualNode

Answer 3

可能是使用.outerHTML。它将生成元素的HTML，包括它自己（不仅仅是像.innerHTML这样的内容。）

Answer 4

const equal = element1.isEqualNode(element2) // true

Answer 5

---

更新 ：尽管接受了答案，但这个答案（下面的文字）错了。不要比较ID，而是使用元素的等式检查：element1 === element2

---

如果Ids相同，则它们不能不同。如果Ids不同，它们就不一样了。所以如果你有两个ID，你可以比较两个ID。