Метод HTML DOM Element compareDocumentPosition()

Определение и использование

compareDocumentPosition() Этот метод сравнивает два узла и возвращает целое число, описывающее их положение в документе:

Цифра Значение
1 Узлы не都属于 один и тот же документ.
2 Первый узел расположен после второго узла.
4 Первый узел расположен перед вторым узлом.
8 Первый узел расположен внутри второго узла.
16 Второй узел расположен внутри первого узла.
32 Элемент является атрибутом одного и того же элемента.

Комментарий

Возвратное значение также может быть kombinaciyey znaczeniy.

Значение 20 означает, что второй узел расположен внутри первого узла (16) и первый узел расположен перед вторым узлом (4).

Пример

"p1" по сравнению с "p2": где они находятся:

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

Попробуйте сами

Синтаксис

node.compareDocumentPosition(node)

Параметр

Параметр Описание
Node Обязателен. Узел, с которым нужно сравнить текущий узел.

Возвратное значение

Тип Описание
Число Положение двух узлов по отношению друг к другу.
Цифра Значение
1 Узлы не都属于 один и тот же документ.
2 Первый узел расположен после второго узла.
4 Первый узел расположен перед вторым узлом.
8 Первый узел расположен внутри второго узла.
16 Второй узел расположен внутри первого узла.
32 Элемент является атрибутом одного и того же элемента.

Поддержка браузерами

element.compareDocumentPosition() Это функция уровня DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка