HTML DOM isEqualNode() 方法

元素对象参考手册 元素对象

检测两个不同列表的列表项是否相等:

<button onclick="myFunction('myList1','myList2')">比较列表1和列表2</button>
<button onclick="myFunction('myList1','myList3')">比较列表1和列表3</button>
<p id="demo">单击按钮比较两个列表中的<em>第一项</em></p>
列表 1:
<ul id="myList1">
  <li>Water</li>
  <li>Milk</li>
</ul>
列表 2:
<ul id="myList2">
  <li>Coffee</li>
  <li>Tea</li>
</ul>
列表 3:
<ul id="myList3">
  <li>Water</li>
  <li>Fire</li>
</ul>
<script>
  function myFunction(x, y) {
    var item1 = document.getElementById(x).firstChild;
    var item2 = document.getElementById(y).firstChild;
    var x = document.getElementById("demo");
    x.innerHTML = item1.isEqualNode(item2);
  }
</script>
<p><strong>注意:</strong> Internet Explorer 8及之前版本不支持isEqualNode 方法。</p>

尝试一下 »


定义和用法

isEqualNode() 方法用于检查两个节点是否相等。

如果满足下列条件两个节点就相等并返回true:

  • 有相同节点类型
  • 相同的节点名,节点值,本地名,命名空间URI和前缀。
  • 他们与所有的后代都有相同的子节点
  • 有相同的属性和属性值(属性没有相同的排序方式)

提示:使用 isSameNode() 方法来确定两个节点是否相同。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 isEqualNode() 方法

注意: Internet Explorer 8 及更早IE版本不支持该方法。


语法

node.isEqualNode(node)

参数

参数 类型 描述
node 节点对象 必须。比较的两个节点。

返回值

类型 描述
Boolean 如果两个节点相同返回 true, 否则返回false。

技术细节

DOM 版本 Core Level 3 Node Object

元素对象参考手册 元素对象