HTML DOM เปรียบเทียบDocumentPosition() Method
ตัวอย่าง
ค้นหาตำแหน่งย่อหน้าหนึ่งเทียบกับย่อหน้าอื่น:
var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var x = p1.compareDocumentPosition(p2);
ความหมายและการใช้งาน
วิธี CompareDocumentPosition() จะเปรียบเทียบสองโหนด และส่งกลับจำนวนเต็มที่อธิบายตำแหน่งที่โหนดเหล่านี้อยู่ในเอกสาร
ดูตัวอย่างด้านบน ค่าส่งคืนที่เป็นไปได้จะระบุ:
1: ไม่มีความสัมพันธ์ ทั้งสองโหนดไม่อยู่ในเอกสารเดียวกัน
2: โหนดแรก (p1) อยู่ในตำแหน่งหลังจากโหนดที่สอง (p2)
4: โหนดแรก (p1) อยู่ในตำแหน่งก่อนโหนดที่สอง (p2)
8: โหนดแรก (p1) อยู่ในตำแหน่งภายในโหนดที่สอง (p2)
16: โหนดที่สอง (p2) อยู่ในตำแหน่งภายในโหนดแรก (p1)
32: ไม่มีความสัมพันธ์หรือทั้งสองโหนดเป็นสองแอตทริบิวต์ในองค์ประกอบเดียวกัน
หมายเหตุ:ค่าที่ส่งกลับอาจเป็นการรวมกันของค่าต่างๆ นั่นคือค่าส่งคืน 20 หมายความว่า p2 อยู่ภายใน p1 (16) และ p1 อยู่ในตำแหน่งก่อน p2 (4)
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับวิธีการนี้อย่างเต็มที่
Method | |||||
---|---|---|---|---|---|
compareDocumentPosition() | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
node.compareDocumentPosition(node)
ค่าพารามิเตอร์
Parameter | Type | Description |
---|---|---|
node | Node object | Required. Specifies the node to compare with the current node |
รายละเอียดทางเทคนิค
คืนมูลค่า: | ตัวเลข แสดงถึงตำแหน่งที่โหนดสองโหนดอยู่ในตำแหน่งเปรียบเทียบกัน
ค่าส่งคืนที่เป็นไปได้: 1 ( ไม่มีความสัมพันธ์ ทั้งสองโหนดไม่อยู่ในเอกสารเดียวกัน ) 2 ( โหนดแรก (p1) อยู่ในตำแหน่งหลังจากโหนดที่สอง (p2) ) 4 ( โหนดแรก (p1) อยู่ในตำแหน่งก่อนโหนดที่สอง (p2) ) 8 ( โหนดแรก (p1) อยู่ในตำแหน่งภายในโหนดที่สอง (p2) ) 16 ( โหนดที่สอง (p2) อยู่ในตำแหน่งภายในโหนดแรก (p1) ) 32 ( ไม่มีความสัมพันธ์ หรือทั้งสองโหนดเป็นสองแอตทริบิวต์ในองค์ประกอบเดียวกัน ) |
---|---|
เวอร์ชัน DOM | วัตถุโหนดหลักระดับ 1 |