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

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

定义和用法

isSameNode() 方法可在某个节点与给定的节点是同一个节点时返回 true,否则返回 false。

提示:使用 isEqualNode() 方法 检查两个节点是否相等,但不一定是相同的节点。

除了 Firefox 所有主流浏览器都支持isSameNode() 方法。

注意: Firefox 在第10版本后已经不再支持 isSameNode 方法,因为该方法在 DOM 4后已经废弃该方法,你可以使用 === 来比较两个元素。

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

语法

node.isSameNode(node)

参数

参数类型描述
nodeNode object必须。你想要比较的节点。

返回值

类型描述
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()">点我</button>
<p id="demo">单击按钮来检查在文档的第一个列表元素和myList列表第一个元素是否一样。</p>
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
<script>
function myFunction(){
	var item1=document.getElementById("myList");
	var item2=document.getElementsByTagName("UL")[0];
	var x=document.getElementById("demo");
	x.innerHTML=item1.isSameNode(item2);
}
</script>
<p><strong>注意:</strong> Firefox从版本10开始停止支持这种方法,相反,,如果两个节点都是相同的,使用= = =比较</p>
<p><strong>注意:</strong> Internet Explorer 8 及之前版本不支持isSame 方法。</p>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4433.html

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

相关推荐

发表回复

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