JavaScript Element compareDocumentPosition() 方法

• 

  JavaScript Element compareDocumentPosition() 方法

  compareDocumentPosition()方法比较两个节点，并返回一个整数，描述它们在文档中的位置。看看下面的例子。可能的返回值将指定：

  • 1：没有关系，两个节点不属于同一个文件。
  • 2：第一节点（p1）位于第二节点（p2）之后。
  • 4：第一节点（p1）位于第二节点（p2）之前。
  • 8：第一节点（p1）位于第二节点（p2）内。
  • 16：第二节点（p2）位于第一节点（p1）内。
  • 32：没有关系，或者两个节点是同一元素上的两个属性。

  注意：返回值也可以是值的组合。即，返回值20表示p2在p1（16）内，并且p1位于p2（4）之前。

  实例：

  找出一个段落与另一个段落相比的位置：

  var p1 = document.getElementById("p1");
  var p2 = document.getElementById("p2");
  var x = p1.compareDocumentPosition(p2);
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  compareDocumentPosition()	9.0+	支持	支持	支持	支持

• 

  语法

  node.compareDocumentPosition(node)
• 

  参数值

  参数	类型	描述
  node	Node	必需的。指定要与当前节点进行比较的节点

• 

  技术细节

  项目	描述
  返回值：	一个数字，表示两个节点相互之间的位置。可能的返回值： 1（没有关系，两个节点不属于同一个文件） 2（第一个节点（p1）位于第二个节点（p2）之后） 4（第一个节点（p1）位于第二个节点（p2）之前） 8（第一个节点（p1）位于第二个节点（p2）内） 16（第二个节点（p2）位于第一个节点（p1）内） 32（没有关系，或者两个节点是同一元素上的两个属性）
  DOM版本	Core Level 1