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() 方法来确定两个节点是否相同。
浏览器支持
所有主要浏览器都支持 isEqualNode() 方法
注意: Internet Explorer 8 及更早IE版本不支持该方法。
语法
node.isEqualNode(node)
参数
参数 | 类型 | 描述 |
---|---|---|
node | 节点对象 | 必须。比较的两个节点。 |
返回值
类型 | 描述 |
---|---|
Boolean | 如果两个节点相同返回 true, 否则返回false。 |
技术细节
DOM 版本 | Core Level 3 Node Object |
---|