Metodo compareDocumentPosition() dell'Elemento HTML DOM

Definizione e uso

compareDocumentPosition() Il metodo confronta due nodi e restituisce un intero che descrive la loro posizione nel documento:

Valore Significato
1 I nodi non appartengono allo stesso documento.
2 Il primo nodo si trova dopo il secondo nodo.
4 Il primo nodo si trova prima del secondo nodo.
8 Il primo nodo si trova all'interno del secondo nodo.
16 Il secondo nodo si trova all'interno del primo nodo.
32 L'elemento è un attributo dello stesso elemento.

Commento

Il valore di ritorno può anche essere una combinazione di valori.

Il valore 20 indica che il secondo nodo si trova all'interno del primo nodo (16) e che il primo nodo si trova prima del secondo nodo (4).

Esempio

"p1" rispetto a "p2": dove si trova:

const p1 = document.getElementById("p1");
const p2 = document.getElementById("p2");
let position = p1.compareDocumentPosition(p2);

Prova personalmente

Sintassi

node.compareDocumentPosition(node)

Parametro

Parametro Descrizione
Node Obbligatorio. Il nodo da confrontare con il nodo corrente.

Valore di ritorno

Tipo Descrizione
Numero La posizione di confronto tra i due nodi.
Valore Significato
1 I nodi non appartengono allo stesso documento.
2 Il primo nodo si trova dopo il secondo nodo.
4 Il primo nodo si trova prima del secondo nodo.
8 Il primo nodo si trova all'interno del secondo nodo.
16 Il secondo nodo si trova all'interno del primo nodo.
32 L'elemento è un attributo dello stesso elemento.

Supporto del browser

element.compareDocumentPosition() È una caratteristica del DOM Level 1 (1998).

Tutti i browser supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto