定义和用法
isEqualNode() 方法用于检查两个节点是否相等。
如果满足下列条件两个节点就相等并返回true:
- 有相同节点类型
- 相同的节点名,节点值,本地名,命名空间URI和前缀。
- 他们与所有的后代都有相同的子节点
- 有相同的属性和属性值(属性没有相同的排序方式)
提示:使用 isSameNode() 方法来确定两个节点是否相同。
所有主要浏览器都支持 isEqualNode() 方法
注意: Internet Explorer 8 及更早IE版本不支持该方法。
语法
node.isEqualNode(node)参数
| 参数 | 类型 | 描述 |
|---|---|---|
| node | 节点对象 | 必须。比较的两个节点。 |
返回值
| 类型 | 描述 |
|---|---|
| Boolean | 如果两个节点相同返回 true, 否则返回false。 |
技术细节
| DOM 版本 | Core Level 3 Node Object |
|---|
实例
检测两个不同列表的列表项是否相等:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>
<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>
</body>
</html>作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4429.html
支付宝
微信