วิธี HTML DOM Element compareDocumentPosition()

การอธิบายและวิธีใช้

compareDocumentPosition() วิธีเรียกใช้เมธอดเปรียบเทียบสองตัวเลขและส่งกลับตัวเลขเพื่ออธิบายตำแหน่งของเขาในเอกสาร

ค่า ความหมาย
1 ตัวเลขไม่เป็นส่วนของเอกสารเดียวกัน
2 ตัวเลขแรกตั้งอยู่หลังตัวเลขที่สอง
4 ตัวเลขแรกตั้งอยู่ก่อนตัวเลขที่สอง
8 ตัวเลขแรกตั้งอยู่ด้วยระหว่างตัวเลขที่สอง
16 ตัวเลขที่สองตั้งอยู่ด้วยระหว่างตัวเลขแรก
32 ตัวเลขคือคุณสมบัติขององค์ประกอบในองค์ประกอบเดียวกัน

หมายเหตุ

ค่าที่ส่งกลับก็สามารถเป็นค่าที่ผสม

ค่า 20 หมายความว่าตัวเลขที่สองตั้งอยู่ด้วยระหว่างตัวเลขแรก (16) และตัวเลขแรกตั้งอยู่ก่อนตัวเลขที่สอง (4)

ตัวอย่าง

"p1" และ "p2" ข้อเทียบกันที่ไหน:

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

ทดลองด้วยตัวเอง

วลี

node.compareDocumentPosition(node)

ตัวแปร

ตัวแปร คำอธิบาย
Node จำเป็น。ต้องเป็นตัวเลขที่จะเปรียบเทียบกับตัวเลขปัจจุบัน

ค่าที่ส่งกลับ

ประเภท คำอธิบาย
ตัวเลข ตำแหน่งที่เปรียบเทียบระหว่างสองตัวเลข
ค่า ความหมาย
1 ตัวเลขไม่เป็นส่วนของเอกสารเดียวกัน
2 ตัวเลขแรกตั้งอยู่หลังตัวเลขที่สอง
4 ตัวเลขแรกตั้งอยู่ก่อนตัวเลขที่สอง
8 ตัวเลขแรกตั้งอยู่ด้วยระหว่างตัวเลขที่สอง
16 ตัวเลขที่สองตั้งอยู่ด้วยระหว่างตัวเลขแรก
32 ตัวเลขคือคุณสมบัติขององค์ประกอบในองค์ประกอบเดียวกัน

การสนับสนุนโดยเบราเซอร์

element.compareDocumentPosition() คือคุณสมบัติของ DOM Level 1 (1998)。

ทุกบราวเซอร์ต่างก็สนับสนุนมันทั้งหมด:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน