HTML DOM isEqualNode() 方法
JavaScript基础 2022-06-08 11:29:38小码哥的IT人生shichen
HTML DOM isEqualNode() 方法
实例
检查两个不同列表中的列表项是否是相等的：
var item1=document.getElementById("myList1").firstChild;
var item2=document.getElementById("myList2").firstChild;
item1.isEqualNode(item2);
结果：
false
完整实例：
<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction('myList1','myList2')">比较列表 1 和列表 2：</button>
<button onclick="myFunction('myList1','myList3')">比较列表 1 和列表 3：</button>
<p id="demo">点击按钮来比较两个列表中的首个项目。</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><b>注释：</b>Internet Explorer 8 以及更早的版本不支持 isEqualNode 方法。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
isEqualNode() 方法检查两个节点是否相等。
如果下例条件为 true，则两个节点相等：
- 节点类型相同
- 拥有相同的 nodeName、NodeValue、localName、nameSpaceURI 以及前缀
- 所有后代均为相同的子节点
- 拥有相同的属性和属性值（属性次序不必一致）
提示：请使用 isSameNode() 方法来检测两节点是否是相同节点。
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器均支持 isEqualNode() 方法。
注释：Internet Explorer 8 以及更早的版本不支持该方法。
语法
node.isEqualNode(node)
参数
| 参数 | 类型 | 描述 |
|---|---|---|
| node | Node object | 必需。希望与指定节点比较的节点。 |
返回值
| 类型 | 描述 |
|---|---|
| Boolean | 如果两节点相等，则返回 true，否则返回 false。 |
技术细节
| DOM 版本 | Core Level 3 Node Object |
