HTML DOM Element compareDocumentPosition() Methode

Definition und Verwendung

compareDocumentPosition() Dieser Methodenvergleich der beiden Knoten gibt ein Integer zurück und beschreibt ihre Position im Dokument:

Wert Bedeutung
1 Die Knoten gehören nicht zum selben Dokument.
2 Der erste Knoten liegt nach dem zweiten Knoten.
4 Der erste Knoten liegt vor dem zweiten Knoten.
8 Der erste Knoten liegt im zweiten Knoten.
16 Der zweite Knoten liegt im zweiten Knoten.
32 Der Knoten ist ein Attribut desselben Elements.

Kommentar

Der Rückgabewert kann auch eine Wertkombination sein.

Der Wert 20 bedeutet, dass der zweite Knoten im ersten Knoten (16) liegt und der erste Knoten vor dem zweiten Knoten liegt (4).

Beispiel

"p1" im Vergleich zu "p2":

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

Versuchen Sie es selbst

Syntax

node.compareDocumentPosition(node)

Parameter

Parameter Beschreibung
Node Erforderlich. Der Knoten, mit dem der aktuelle Knoten verglichen werden soll.

Rückgabewert

Typ Beschreibung
Zahl Der Vergleichsstandort der beiden Knoten.
Wert Bedeutung
1 Die Knoten gehören nicht zum selben Dokument.
2 Der erste Knoten liegt nach dem zweiten Knoten.
4 Der erste Knoten liegt vor dem zweiten Knoten.
8 Der erste Knoten liegt im zweiten Knoten.
16 Der zweite Knoten liegt im zweiten Knoten.
32 Der Knoten ist ein Attribut desselben Elements.

Browser-Unterstützung

element.compareDocumentPosition() ist eine Eigenschaft des DOM Level 1 (1998).

Es wird es von allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung