Latest web development tutorials

HTML DOM compareDocumentPosition 방법

요소 참조 객체 Element 객체

지정된 필드에 현재 문서 위치 필드 비교 :

var p1=document.getElementById("p1");
var p2=document.getElementById("p2");
p1.compareDocumentPosition(p2);

출력 :

4

»시도

정의 및 사용

문서 순서에 compareDocumentPosition () 메소드는, 현재의 노드 및 문서 위치 지정된 노드를 비교합니다.

위의 예를 참조하십시오, 반환 값은 수 있습니다 :

1 : 두 노드 사이의 관계는 동일한 문서에 속하는하지 않습니다 있습니다.

2 : 두 번째 노드 (P2) 후있는 첫 번째 점 (P1).

4 : 전에 두 번째 노드 (P2)에 위치하는 제 1 점 (P1).

8 : 두 번째 노드 (P2)에있는 첫 번째 점 (P1).

16 : 첫 번째 노드 (P1)에 위치한 두 번째 노드 (P2).

32 : 아무 관계가 없거나, 동일한 요소의 두 가지 특성의 두 노드.

주 : 리턴 값이 조합 될 수있다. 즉, 즉, (4) 상기 P2에 위치 (20) 위로 P1 P2와 P1 (16)이다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저 compareDocumentPosition를 지원 () 메소드

참고 : 인터넷 익스플로러 8과 IE의 이전 버전이 방법을 지원하지 않습니다.


문법

node.compareDocumentPosition(node)

매개 변수

参数 类型 描述
node Node object 必须。你想比较的指定节点。

반환 값

类型 描述
Number 比较当前节点与指定节点的文档位置

可能的返回值:

查看以上实例,返回值可能是:

1:没有关系,这两个节点不属于同一个文档。

2: 第一节点(P1)位于第二个节点后(P2)。

4:第一节点(P1)定位在第二节点(P2)前。

8: 第一节点(P1)位于第二节点内(P2)。

16: 第二节点(P2)位于第一节点内(P1)。

32:没有关系的,或是两个节点在同一元素的两个属性。

기술 세부 사항

DOM 버전 코어 레벨 1 노드 개체


요소 참조 객체 Element 객체