Exemplo
Descobre onde um ponto está posicionado em relação ao outro parágrafo:
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var x = p1.compareDocumentPosition(p2);
O resultado x será:
4
Tente você mesmo " Definição e Uso
O compareDocumentPosition() método compara dois nós, e retorna um número inteiro descrevendo onde eles estão posicionados no documento.
Veja o exemplo acima. Os valores de retorno possíveis deve especificar:
1: Nenhuma relação, os dois nós não pertencem ao mesmo documento.
2: O primeiro nó (p1) está posicionada após o segundo nó (p2) .
4: O primeiro nó (p1) está posicionado antes do segundo nó (p2) .
8: O primeiro nó (p1) é posicionado dentro do segundo nó (p2) .
16: O segundo nó (p2) é posicionada no interior do primeiro nó (p1) .
32: Sem relação, ou os dois nós são dois atributos sobre o mesmo elemento.
Nota: O valor de retorno também pode ser uma combinação de valores. Ou seja, o returnvalue 20 significa que p2 é p1 dentro (16) E p1 está posicionado antes p2 (4) .
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
Método | |||||
---|---|---|---|---|---|
compareDocumentPosition() | sim | 9 | sim | sim | sim |
Sintaxe
Os valores dos parâmetros Parâmetro Tipo Descrição node Node object Requeridos. Especifica o nó para comparar com o nó atual
Detalhes técnicos
Valor de retorno: Um número, representando onde dois nós estão posicionados em relação um ao outro. valores de retorno possíveis:
1 ( No relationship, the two nodes do not belong to the same document )
2 ( The first node (p1) está posicionada após o segundo nó (p2) )
4 ( The first node (p1) está posicionado antes do segundo nó (p2) )
8 ( The first node (p1) é posicionado dentro do segundo nó (p2) )
16 ( The second node (p2) é posicionada no interior do primeiro nó (p1) )
32 ( No relationship, or the two nodes are two attributes on the same element )
DOM Versão Núcleo Nível Objeto 1 Node