วิธี HTML DOM Element compareDocumentPosition()
- หน้าก่อน closest()
- หน้าต่อไป contains()
- กลับไปหน้าเดิม วัตถุ HTML DOM Elements
การอธิบายและวิธีใช้
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 | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน closest()
- หน้าต่อไป contains()
- กลับไปหน้าเดิม วัตถุ HTML DOM Elements