Metoda HTML DOM Element compareDocumentPosition()

Definicja i użycie

compareDocumentPosition() Metoda porównuje dwa węzły i zwraca liczbę całkowitą, opisującą ich pozycję w dokumencie:

Wartość Znaczenie
1 Węzły nie należą do tego samego dokumentu.
2 Pierwszy węzeł znajduje się za drugim węzłem.
4 Pierwszy węzeł znajduje się przed drugim węzłem.
8 Pierwszy węzeł znajduje się wewnątrz drugiego węzła.
16 Drugi węzeł znajduje się wewnątrz pierwszego węzła.
32 Węzeł jest atrybutem tego samego elementu.

Komentarz

Zwracana wartość może być również kombinacją wartości.

Wartość 20 oznacza, że drugi węzeł znajduje się wewnątrz pierwszego węzła (16) i że pierwszy węzeł znajduje się przed drugim węzłem (4).

Przykład

"p1" w porównaniu do "p2": gdzie:

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

Spróbuj sam

Gramatyka

node.compareDocumentPosition(node)

Parametr

Parametr Opis
Node Wymagane. Węzeł do porównania z bieżącym węzłem.

Zwracana wartość

Typ Opis
Numer Pozycja, w której dwa węzły się porównują.
Wartość Znaczenie
1 Węzły nie należą do tego samego dokumentu.
2 Pierwszy węzeł znajduje się za drugim węzłem.
4 Pierwszy węzeł znajduje się przed drugim węzłem.
8 Pierwszy węzeł znajduje się wewnątrz drugiego węzła.
16 Drugi węzeł znajduje się wewnątrz pierwszego węzła.
32 Węzeł jest atrybutem tego samego elementu.

Wsparcie przeglądarki

element.compareDocumentPosition() To jest cecha DOM Level 1 (1998).

Wszystkie przeglądarki wspierają to w pełni:

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