HTML DOM Element compareDocumentPosition() 메서드

정의와 사용법

compareDocumentPosition() 이 메서드는 두 노드를 비교하고 정수를 반환하여 그们在 문서 내의 위치를 설명합니다:

값 의미
1 노드는 동일한 문서에 속하지 않습니다.
2 첫 번째 노드는 두 번째 노드보다 뒤에 위치합니다.
4 첫 번째 노드는 두 번째 노드보다 앞에 위치합니다.
8 첫 번째 노드는 두 번째 노드 내에 위치합니다.
16 두 번째 노드는 첫 번째 노드 내에 위치합니다.
32 노드는 동일한 요소 상의 속성입니다.

비고

반환 값은 값의 조합일 수도 있습니다.

값 20은 두 번째 노드가 첫 번째 노드(16) 내에 위치하고, 첫 번째 노드가 두 번째 노드보다 앞에 위치한다는 것을 의미합니다.

예제

"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) 기능입니다.

모든 브라우저는 완전히 지원합니다:}}

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원