Latest web development tutorials

Metode HTML DOM compareDocumentPosition

Elemen Object Reference objek elemen

contoh

Bandingkan bidang lokasi dokumen saat ini dengan bidang tertentu:

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

Output:

4

Coba »

Definisi dan Penggunaan

compareDocumentPosition () metode dalam rangka dokumen, membandingkan node saat ini dan lokasi dokumen node yang ditentukan.

Lihat contoh di atas, nilai kembali mungkin:

1: Tidak ada hubungan antara dua node ini tidak termasuk dalam dokumen yang sama.

2: titik pertama (P1) yang terletak setelah node kedua (P2).

4: titik pertama (P1) diposisikan pada node kedua (P2) sebelumnya.

8: titik pertama (P1) yang terletak di ruas kedua (P2).

16: node kedua (P2) yang terletak di dalam simpul pertama (P1).

32: Tidak ada hubungan, atau dua node dalam dua atribut dari unsur yang sama.

Catatan: Nilai kembali dapat menjadi kombinasi. Itu berarti bahwa dalam 20 Kembali P1 P2 dan P1 (16) diposisikan pada P2 (4) di atas.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Semua browser utama mendukung compareDocumentPosition () metode

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung metode ini.


tatabahasa

node.compareDocumentPosition(node)

parameter

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

Kembali Nilai

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

可能的返回值:

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

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

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

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

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

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

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

rincian teknis

versi DOM Inti Level 1 Node Object


Elemen Object Reference objek elemen