`
zhangyaochun
  • 浏览: 2614899 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

compareDocumentPosition

阅读更多

简单记录,学习参考。

 

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

该方法返回新的子节点

 

 

 

语法:

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

 

 

分享到:
评论

相关推荐

    contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

    `contains()` 和 `compareDocumentPosition()` 是JavaScript中用于解决这一问题的关键方法。本文将深入探讨这两个方法,以及它们在不同浏览器中的实现。 首先,`DOMElement.contains(DOMNode)` 方法主要用来检查一...

    跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

    《跨浏览器的mouseenter/mouseleave及compareDocumentPosition的使用详解》 在JavaScript的事件处理中,mouseenter和mouseleave是IE浏览器特有的事件,它们在处理元素的鼠标进入和离开时提供了更为精确的控制。然而...

    javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系

    例如,如果一个节点A包含另一个节点B,且节点A在节点B之前,那么 `compareDocumentPosition` 将返回 `20`(`0x0014`),因为 `0x0004`(A在B之前)加上 `0x0010`(B包含A)的结果是 `18`,但是由于位掩码的特性,...

    超级炫酷的效果js实现动画导航菜单

    return (parentNode.compareDocumentPosition(childNode) ===20); } } function checkHover(e,target){ if (getEvent(e).type=="mouseover") { return !contains(target,getEvent(e).relatedTarget||getEvent(e...

    jquery-2.0.3.min.js.docx

    9. `compareDocumentPosition`:用于比较两个节点在文档中的位置关系,返回值可以用来判断它们的前后关系。 10. `textContent` 和 `nodeValue`:分别用于获取或设置HTML元素和XML节点的文本内容。 这些代码片段...

    javascript中mouseover、mouseout使用详解

    3. 为了提高性能,可以使用compareDocumentPosition或contains方法来优化子元素与父元素之间的包含关系判断。这些方法可以避免遍历父元素带来的性能问题。使用这些DOM属性或方法可以快速判断一个元素是否为另一个...

    javascript DOM高级程序设计源码

    9. **DOM2级和DOM3级接口**:学习高级的DOM操作,如`createDocumentFragment`、`cloneNode`、`compareDocumentPosition`等。 10. **HTML5新特性**:如果源码包含HTML5的相关示例,可能会涵盖`localStorage`、`...

    jQuery.unique()的实现方式

    在处理DOM元素时,`jQuery.unique()`可能使用DOM元素的`compareDocumentPosition()`或`isEqualNode()`方法来判断两个元素是否相同,这两个方法能够准确地确定两个元素在文档中的相对位置。 5. **完整实现**: 最后...

    javascript 常用DomAPI总结

    - **Node.compareDocumentPosition(node)**: 返回一个 7 个比特位的二进制值,表示参数节点和当前节点的关系。 - **Node.isEqualNode(node)**: 返回布尔值,用于检查两个节点是否相等。 - **Node.normalize()**: ...

    前端面试题目整理

    8. **Node.compareDocumentPosition(node)**: 返回一个 7 位的二进制值,表示参数节点和当前节点的关系。 9. **Node.isEqualNode(otherNode)**: 返回布尔值,用于检查两个节点是否相等。 10. **Node.normalize()**: ...

    jquery需要的所有js文件

    e++)a.options[d[e][0]]&&d[e][1].apply(a.element,c)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(b,c){if(a(b...

    js contains方法实现代码

    为了兼容Firefox和其他不支持contains方法的浏览器,开发者通常采用W3C制定的compareDocumentPosition方法。该方法返回一个数值,表示两个节点之间的位置关系。根据W3C规范,如果一个节点包含另一个节点,...

    javascript比较文档位置

    主要涉及两个方法:`contains()`和`compareDocumentPosition()`。 1、`DOMElement.contains(DOMNode)`: 这个方法最初由IE引入,用于判断一个DOM Node是否在另一个DOM Element内部。在优化CSS选择器遍历,如查找`#...

    document.contains:用于`document.contains'的Polyfillshim

    如果没有,它就会定义一个新的`contains`方法,这个方法通过调用`compareDocumentPosition`来判断两个节点的关系。`compareDocumentPosition`返回一个位掩码,其中16表示节点A是节点B的后裔。因此,当`...

    高效的获取当前元素是父元素的第几个子元素

    此外,提到的`compareDocumentPosition`方法虽然可以用来比较节点的位置关系,但在实际测试中,它的性能表现较差,不适合用作高效计算子元素索引的手段。 总结来说,处理表格元素时优先使用`cellIndex`和`rowIndex`...

Global site tag (gtag.js) - Google Analytics