compareDocumentPosition

比较文档位置方法解析
最新推荐文章于 2023-07-09 18:39:38 发布
最新推荐文章于 2023-07-09 18:39:38 发布 · 234 阅读 · 0
文章标签：

#compareDocumentPostition

本文介绍了 compareDocumentPosition() 方法的基本用法，此方法用于比较当前节点与指定节点之间的文档位置，并返回新的子节点。理解这一方法有助于更好地进行文档操作。

简单记录，学习参考。

 

compareDocumentPosition()方法按照文档属性，比较当前节点与指定节点的文档位置。

该方法返回新的子节点。

 

 

 

语法：

elementNode.compareDocumentPostition(node)
参数描述
node必需。规定与当前节点比较的节点。

 

 

js检测一个元素是否在另一个元素内部的原生方法document.compareDocumentPosition
liuhao9999的博客
08-11 909
方法按照文档顺序，比较当前节点与指定节点的文档位置。32:没有关系的，或是两个节点在同一元素的两个属性。2： 第一节点（P1）位于第二个节点后（P2）。16： 第二节点（P2）位于第一节点内（P1）。4：第一节点（P1）定位在第二节点（P2）前。8： 第一节点（P1）位于第二节点内（P2）。1：没有关系，这两个节点不属于同一个文档。...
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
09-05
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。
有关compareDocumentPosition（）方法
whrice的博客
03-03 803
语法： compareValue=node.compareDocumentPosition(otherNode) 解释：返回的位置关系是otherNode相当于Node的 返回值，是整数值,取值包含： 0 节点一致 1 节点在不同文档 DOCUMENT_POSITION_DISCONNECTED 2 otherNode在...
w3c html 方法,HTML DOM compareDocumentPosition 方法
weixin_39702649的博客
06-16 170
HTML DOM compareDocumentPosition() 方法实例比较当前字段与指定字段的文档位置:var p1=document.getElementById("p1");var p2=document.getElementById("p2");p1.compareDocumentPosition(p2);输出结果：4尝试一下 »定义和用法compareDocumentPositio...
使用compareDocumentPosition比较两个元素在文档中的位置
weixin_30693183的博客
04-23 131
PS:尊重原创，转载请注明来自http://www.cnblogs.com/Raoh/p/js_compareDocumentPosition_between_two_node.html 使用compareDocumentPosition方法比较两个节点，将会返回描述它们在文档中位置的整数。 compareDocumentPosition的枚举值 二进制值 枚举值 位置信息...
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
09-05
《跨浏览器的mouseenter/mouseleave及compareDocumentPosition的使用详解》 在JavaScript的事件处理中，mouseenter和mouseleave是IE浏览器特有的事件，它们在处理元素的鼠标进入和离开时提供了更为精确的控制。然而...
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
10-29
例如，如果一个节点A包含另一个节点B，且节点A在节点B之前，那么 `compareDocumentPosition` 将返回 `20`（`0x0014`），因为 `0x0004`（A在B之前）加上 `0x0010`（B包含A）的结果是 `18`，但是由于位掩码的特性，...
compareDocumentPosition与contains
殷文旭的幸福生活儿
09-07 210
研究KISSY 1.3RC源代码DOM/traversal 发现这样一段代码 [code="javascript"] __contains = documentElement.compareDocumentPosition ? function (a, b) { return ...
contains与compareDocumentPosition方法详解
orichisonic的专栏
12-29 452
1.  nodeA .contains( nodeB )：     这个方法起先用在 IE ，用来确定 nodeB 是否包含在另一个  nodeA 中。     注意点：如果  nodeA 和  nodeB 相一致，.contains() 将返回 true ，虽然，一个元素不能包含自己。      2、nodeA.compareDocumentPosition(nodeB)：   
js compareDocumentPosition 判断元素包含关系
weixin_30682127的博客
06-12 204
这里是从NodeA.compareDocumentPosition(NodeB)返回的结果，包含你可以得到的信息。BitsNumberMeaning0000000元素一致0000011节点在不同的文档（或者一个在文档之外）000010...
contains和compareDocumentPosition 的用法及区别
xuxiaoping1989的博客
01-21 1602
1、DOMElement.contains(DOMNode)     这个方法起先用在 IE ，用来确定 DOM Node 是否包含在另一个 DOM Element 中。     注意点：如果 DOM Node 和 DOM Element 相一致，.contains() 将返回 true ，虽然，一个元素不能包含自己。     这里有一个简单的执行包装，可以运行在：Interne
判断元素之间的包含关系contains和compareDocumentPosition详解
MorningDuGe
07-17 1730
containsdocument.documentElement.contains(document.body); //truecompareDocumentPositiona.compareDocumentPosition(b)返回数字，含义如下： 0 : a===b 1 : 不包含，不属于同一个文档 2 : a位于b之后 4 : a位于b之前 8 : b包含a 16：a
比较文档位置 contains() 和 compareDocumentPosition() 方法
piziwang
05-30 193
文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。在很多任务中，他们被证明是非常有用的（特别关于结构的抽象 DOM 选择器）。 1、DOMElement.contains(DOMNode) 这个方法起先用在 IE ，用来确定 DOM Node 是否包含在另一个 DOM Element 中。 当尝试优化 CSS 选择器遍历...
怎么判断两个文档节点、网页元素(element)是否相同？判断两个DOM节点是否相等、相同的4种方法
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-09 1097
【代码】怎么判断两个文档节点时候相同？判断两个DOM节点时候相等、相同的4种方法。
js笔记：如何解决mouseover与mouseout的多次触发问题
YaoDeBiAn的博客
09-02 3616
如何解决mouseover与mouseout的多次触发问题 首先我们要了解的是为什么mouseover与mouseout会出现多次触发的问题？这就要看它们作用的对象如何。 1.假如其作用的对象没有子代：比如这是一个没有子节点(当然指的是元素节点)，那么多次触发的现象是不会出现的。 2.假如其有子代，不仅它本身会触发事件，同样的其子代也会触发事件，这就是多次触发的原因。   解决方法，我们
JS里区域外点击识别
wangning_elsa的博客
11-17 504
JS里区域外点击识别 document.addEventListener('click', (e) => { if(!this.$el || !this.$el.compareDocumentPosition) { return false } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值