Metode compareDocumentPosition() DOM Element HTML
- Halaman Sebelumnya closest()
- Halaman Berikutnya contains()
- Kembali ke Tengah Objek Elements DOM HTML
Definisi dan penggunaan
compareDocumentPosition()
Metode membandingkan dua node dan mengembalikan angka yang mendeskripsikan posisi mereka dalam dokumen:
Nilai | Arti |
---|---|
1 | Node tidak termasuk dalam dokumen yang sama. |
2 | Node pertama berada setelah node kedua. |
4 | Node pertama berada sebelum node kedua. |
8 | Node pertama berada di dalam node kedua. |
16 | Node kedua berada di dalam node pertama. |
32 | Node adalah atribut yang berada di elemen yang sama. |
Komentar
Nilai kembalian juga dapat berupa kombinasi nilai.
Nilai 20 menunjukkan bahwa node kedua berada di dalam node pertama (16) dan node pertama berada sebelum node kedua (4).
Contoh
"p1" berbandingkan dengan "p2":
const p1 = document.getElementById("p1"); const p2 = document.getElementById("p2"); let position = p1.compareDocumentPosition(p2);
Syarat
node.compareDocumentPosition(node)
Parameter
Parameter | Deskripsi |
---|---|
Node | Diperlukan. Node yang akan dibandingkan dengan node saat ini. |
Nilai kembalian
Tipe | Deskripsi |
---|---|
Angka | Posisi yang dihubungkan antara kedua node. |
Nilai | Arti |
---|---|
1 | Node tidak termasuk dalam dokumen yang sama. |
2 | Node pertama berada setelah node kedua. |
4 | Node pertama berada sebelum node kedua. |
8 | Node pertama berada di dalam node kedua. |
16 | Node kedua berada di dalam node pertama. |
32 | Node adalah atribut yang berada di elemen yang sama. |
Dukungan browser
element.compareDocumentPosition()
Adalah fitur DOM Level 1 (1998).
Semua peramban mendukungnya penuhnya:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Dukungan | 9-11 | Dukungan | Dukungan | Dukungan | Dukungan |
- Halaman Sebelumnya closest()
- Halaman Berikutnya contains()
- Kembali ke Tengah Objek Elements DOM HTML