HTML DOM isEqualNode() 方法 | DOM 对象:HTML DOM 元素对象

返回到:DOM 对象:HTML DOM 元素对象

定义和用法

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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月10日 下午2:38
下一篇 2021年12月10日 下午2:44

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注