有关compareDocumentPosition()方法

语法:
compareValue=node.compareDocumentPosition(otherNode)
解释:返回的位置关系是otherNode相当于Node的
返回值,是整数值,取值包含:

  1. 0 节点一致
  2. 1 节点在不同文档 DOCUMENT_POSITION_DISCONNECTED
  3. 2 otherNode在节点node之前 DOCUMENT_POSITION_PRECEDING
  4. 4 otherNode在节点node之后 DOCUMENT_POSITION_FOLLOWING
  5. 8 otherNode包含节点node DOCUMENT_POSITION_CONTAINS
  6. 16 otherNode被节点node包含 DOCUMENT_POSITION_CONTAINED_BY
  7. 32 特殊节点的位置,依赖于dom实现
  8. 组合值:
  9. 如 2+8 otherNode在前面且包含node
  10. 实例:由于compareValue的值会出现累加现象,因此借助运算符按位与来判断位置关系,结果不是0即可。
  11. if(document.body.comparedocumentPosition(document.documentElement)&Node.DOCUMENT_POSITION_PRECEDING ){
  12. //document.documentElement在document.body前面
  13. }
  14. 实际开发中应与常量对比,可增强理解以及可读性。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用\[1\]中的代码是一个自定义的Array原型方法,用于判断数组中是否包含某个值。使用方法是先创建一个数组,然后使用push方法向数组中添加元素,最后使用contains方法判断数组中是否包含指定的值。在这个例子中,数组arr中包含了10到14这五个数字,所以arr.contains(4)返回false,arr.contains(14)返回true。\[1\] 引用\[2\]中的代码是一个用于判断一个节点是否包含另一个节点的方法。它支持大部分现代浏览器,包括Chrome、Firefox、IE、Opera和Safari。如果第一个节点包含第二个节点,则返回true,否则返回false。这个方法可以通过节点的contains属性或compareDocumentPosition方法来实现。\[2\] 引用\[3\]中的代码是一个使用contains方法的示例。在这个例子中,通过getElementById方法获取到了id为parent和id为child的两个节点,然后使用contains方法判断parent节点是否包含child节点,以及child节点是否包含parent节点。最后通过alert方法将结果弹出显示。\[3\] 综上所述,js的contain方法可以用于判断数组中是否包含某个值,以及判断一个节点是否包含另一个节点。 #### 引用[.reference_title] - *1* [JS数组对象Array增加 contains 方法](https://blog.csdn.net/Thinkingcao/article/details/68924300)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [javascript中的contains方法](https://blog.csdn.net/hsany330/article/details/105494920)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值