HTML DOM Element compareDocumentPosition() Method
- ການໄປຫາຫນ້າຫນັງ 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
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