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

compareDocumentPosition

compareDocumentPostition 
阅读更多

简单记录，学习参考。

 

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

该方法返回新的子节点。

 

 

 

语法：

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

 

 

分享到：
| json浅谈
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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`...

Magicbox
Global site tag (gtag.js) - Google Analytics