So sánh phần tử DOM HTMLDocumentPosition()
Ví dụ
"p1" ở đâu so với "p2":
const p1 = document.getElementById("p1");
const p2 = document.getElementById("p2");
let position = p1.compareDocumentPosition(p2);
Hãy tự mình thử »Sự miêu tả
Phương thức compareDocumentPosition()
so sánh hai nút và trả về một số nguyên mô tả vị trí của chúng trong tài liệu:
Giá trị | Nghĩa |
---|---|
1 | Các nút không thuộc cùng một tài liệu |
2 | Nút đầu tiên được định vị sau nút thứ hai |
4 | Nút đầu tiên được định vị trước nút thứ hai |
số 8 | Nút đầu tiên được định vị bên trong nút thứ hai |
16 | Nút thứ hai được đặt bên trong nút đầu tiên |
32 | Các nút là các thuộc tính trên cùng một phần tử |
Ghi chú
Giá trị trả về cũng có thể là sự kết hợp của các giá trị.
Giá trị 20 có nghĩa là nút thứ hai nằm bên trong nút đầu tiên (16) và nút đầu tiên được đặt trước nút thứ hai.
Cú pháp
node .compareDocumentPosition( node )
Thông số
Parameter | Description |
Node | Required. The node to compare with current node. |
Giá trị trả về
Kiểu | Sự miêu tả |
Con số | Nơi hai nút được định vị so với nhau. |
Giá trị | Nghĩa |
---|---|
1 | Các nút không thuộc cùng một tài liệu |
2 | Nút đầu tiên được định vị sau nút thứ hai |
4 | Nút đầu tiên được định vị trước nút thứ hai |
số 8 | Nút đầu tiên được định vị bên trong nút thứ hai |
16 | Nút thứ hai được đặt bên trong nút đầu tiên |
32 | Các nút là các thuộc tính trên cùng một phần tử |
Hỗ trợ trình duyệt
element.compareDocumentPosition()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |