Phương pháp HTML DOM Element compareDocumentPosition()

Định nghĩa và cách sử dụng

compareDocumentPosition() Phương pháp so sánh hai thẻ và trả về số nguyên, mô tả vị trí của chúng trong tài liệu:

Giá trị Ý nghĩa
1 Thẻ không thuộc cùng một tài liệu.
2 Thẻ thứ nhất nằm sau thẻ thứ hai.
4 Thẻ thứ nhất nằm trước thẻ thứ hai.
8 Thẻ thứ nhất nằm trong thẻ thứ hai.
16 Thẻ thứ hai nằm trong thẻ thứ nhất.
32 Thẻ là thuộc tính của cùng một phần tử.

Ghi chú

Giá trị trả về cũng có thể là tổ hợp của giá trị.

Giá trị 20 biểu thị thẻ thứ hai nằm trong thẻ thứ nhất (16) và thẻ thứ nhất nằm trước thẻ thứ hai (4).

Mẫu

"p1" so sánh với "p2" ở đâu:

const p1 = document.getElementById("p1");
const p2 = document.getElementById("p2");
let position = p1.compareDocumentPosition(p2);

Thử nghiệm trực tiếp

Cú pháp

node.compareDocumentPosition(node)

Tham số

Tham số Mô tả
Node Bắt buộc. Thẻ cần so sánh với thẻ hiện tại.

Trả về giá trị

Loại Mô tả
Số Vị trí mà hai thẻ so sánh với nhau.
Giá trị Ý nghĩa
1 Thẻ không thuộc cùng một tài liệu.
2 Thẻ thứ nhất nằm sau thẻ thứ hai.
4 Thẻ thứ nhất nằm trước thẻ thứ hai.
8 Thẻ thứ nhất nằm trong thẻ thứ hai.
16 Thẻ thứ hai nằm trong thẻ thứ nhất.
32 Thẻ là thuộc tính của cùng một phần tử.

Hỗ trợ trình duyệt

element.compareDocumentPosition() Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ