AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

怎么判断两个文档节点、网页元素(element)是否相同？判断两个DOM节点是否相等、相同的4种方法

2024-04-08 96
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 怎么判断两个文档节点、网页元素(element)是否相同？判断两个DOM节点是否相等、相同的4种方法


方法1：===

document.querySelector(`html`)=== document.querySelector(`html`) //true

 

方法2：compareDocumentPosition

 

document.querySelector(`html`).compareDocumentPosition(document.querySelector(`html`)) //0

返回0就代表相同

 

方法3：isEqualNode

document.querySelector(`html`).isEqualNode(document.querySelector(`html`)) //true

 

方法4：isSameNode（判断子节点是否相同）

document.querySelector(`html`).isSameNode(document.querySelector(`html`)) //true

 

文章标签：
JavaScript
关键词：
dom方法
dom文档
dom节点
dom元素
网页dom
你挚爱的强哥
目录
相关文章
光明顶阳顶天
|
5天前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之，优化 DOM 和 BOM 的性能需要综合考虑多个方面，通过合理的设计和技术手段，提升项目的运行效率和用户体验。在实际开发中，要不断地进行性能优化实践，以适应不断变化的需求和技术发展。
光明顶阳顶天
22 7
光明顶阳顶天
|
5天前
|
XML 编解码 JavaScript
DOM（文档对象模型）和 BOM（浏览器对象模型）
【10月更文挑战第19天】在前端开发中，理解 DOM（文档对象模型）和 BOM（浏览器对象模型）是至关重要的。它们是 Web 开发的基础，为我们提供了与网页文档和浏览器进行交互的能力。
光明顶阳顶天
21 5
游客44yag4ft7nckq
|
7天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
游客44yag4ft7nckq
12 3
游客44yag4ft7nckq
|
7天前
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
游客44yag4ft7nckq
20 3
游客44yag4ft7nckq
|
17天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
18 7
游客44yag4ft7nckq
|
16天前
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
26 2
神明木佑
|
18天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
神明木佑
36 4
游客44yag4ft7nckq
|
18天前
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
16 4
游客44yag4ft7nckq
|
16天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
12 0
游客44yag4ft7nckq
|
20天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
23 0