📌  相关文章
📜  HTML | DOM isSameNode() 方法(1)

📅  最后修改于: 2023-12-03 15:01:11.899000             🧑  作者: Mango

HTML | DOM isSameNode() 方法

isSameNode() 方法用于比较两个节点是否是同一个节点。

语法
node.isSameNode(node2)
参数
  • node2：要进行比较的节点。
返回值

如果节点是同一个节点，则返回 true，否则返回 false。

示例

以下示例演示了如何使用 isSameNode() 方法来比较两个节点是否是同一个节点。

<!DOCTYPE html>
<html>
<body>

<p id="p1">我是段落。</p>

<p id="p2">我也是段落。</p>

<script>
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");

if (p1.isSameNode(p2)) {
  alert("p1 和 p2 是同一个节点");
} else {
  alert("p1 和 p2 不是同一个节点");
}
</script>

</body>
</html>

当运行以上代码时，应该会弹出一个消息框，显示 "p1 和 p2 不是同一个节点"。

备注
  • isSameNode() 方法与 === 操作符的作用类似。
  • 同一个节点是指在 DOM 树中是同一个节点，而不是在页面上是同一个节点。
  • 如果要比较两个节点在页面上是否是同一个节点，可以使用比较它们的位置或者属性（例如 id）。
  • isSameNode() 方法不能与不同类型的节点进行比较（例如，Element 不能与 Text 进行比较）。

以上就是 isSameNode() 方法的介绍，该方法在 DOM 操作中非常实用。