HTML DOM Document getElementById() ກົດລະບຽບ
- ຫນ້າຫນັງກ່ອນ forms
- ຫນ້າຫນັງ getElementsByClassName()
- ກັບຄືນອາທິດກາງ ເອກະສານ Documents HTML DOM
ການສະເພາະແລະການນໍາໃຊ້
getElementById() ກົດລະບຽບຈະກັບຄືນຫຼັງແຫຼງທີ່ມີ id ສະເພາະ:
ຖ້າຫຼັງແຫຼງບໍ່ມີ:getElementById() ກົດລະບຽບຈະກັບຄືນ: null。
getElementById() ກົດລະບຽບນີ້ແມ່ນໜຶ່ງໃນກົດລະບຽບທີ່ນິຍົມໃນ HTML DOM. ສິ່ງທີ່ເຈົ້າຕ້ອງອ່ານຫຼືແກ້ໄຂຫຼັງແຫຼງ HTML ບໍ່ໄດ້ຖືກນໍາໃຊ້ຫຼາຍທີ່ສຸດ.
ຄຳແນະນຳ
ອີກຢ່າງໜຶ່ງ ທັງສອງ id ຄວນຈະມີຄວາມຈິງ:
ຖ້າມີສອງຫຼືຫຼາຍຫຼັງແຫຼງມີ id ຄືກັນ: getElementById() ກັບຄືນທີ່ຄົງກັນດຽວ
ບໍ່ດັງຢ່າງນັ້ນ:
getElementsByTagName() ກົດລະບຽບ
ຄວາມປະຈຸບັນ
ຄວາມສະເພາະ 1
ການເອົາຫຼັງທີ່ມີ id ສະເພາະ:
document.getElementById("demo");
ຄວາມສະເພາະ 2
ການເອົາຫຼັງແລະປ່ຽນສີ:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
ຄວາມສະເພາະ 3
ຫຼືພຽງແຕ່ປ່ຽນເສັ້ນສີ:
document.getElementById("demo").style.color = "red";
ຄຳສັບພາສາ
document.getElementById(elementId)
ພຽງສະໜອງ
| ພຽງສະໜອງ | ອະທິບາຍ |
|---|---|
| elementId | ຕ້ອງການ. ຄູ່ມູນ id ຂອງບັນຍາຍ. |
ຄຳຕອບສະຫຼຸບ
| ຊະນິດ | ອະທິບາຍ |
|---|---|
| ໂອບເຈັນຕັນ |
ມີບັນຍາຍ id ທີ່ກຳນົດວ່າ. ຖ້າບໍ່ພົບ, ຈະສົ່ງຄືນ null。 |
ຂໍ້ມູນເຕັກນິກ
getElementById() ວິທີການນີ້ແມ່ນວິທີການທີ່ນິຍົມໃຊ້ຫລາຍ, ຍ້ອນວ່າມັນຈະສະໜອງວິທີການທີ່ງົມງານທີ່ລວມມາເພື່ອການເອົາ Element Object ທີ່ສະແດງເອກະສານເລື່ອງຂອງເອກະສານ.
ວິທີການນີ້ຈະຊອກຫາຄູ່ມູນ id ທີ່ມີຕົວເລື່ອງ elementId elementId null。ຄູ່ມູນ id ທີ່ໃນເອກະສານແມ່ນສະໄຫມ, ຖ້າວິທີການພົບມີບັນຍາຍ Element ທີ່ມີ id ທີ່ກຳນົດວ່າ, ວິທີການຈະສົ່ງຄືນ elementId ຂອງ Element, ທີ່ຈະກັບຄືນຕົວເລື່ອງຂອງ Element ພາຍໃນ, ຫຼືຈະສົ່ງຄືນ null。
ສັງເກດ:ເລື່ອງ: ຊື່ວິທີການນີ້ແມ່ນ Id ສິ້ນສຸດ, ບໍ່ແມ່ນID
ໃນ ບັນຍາຍ HTML, ວິທີການນີ້ຈະຊອກຫາບັນຍາຍທີ່ມີ id ທີ່ກຳນົດວ່າ. ບໍ່ຄິດວ່າ HTMLDocument.getElementByName() ວິທີການ, ທີ່ພົບມີຕົວເລື່ອງໃນ ບັນຍາຍ name.
ໃນ ບັນຍາຍ XML, ວິທີການນີ້ຈະໃຊ້ບັນຍາຍຂອງ id ທີ່ມີຕົວເລື່ອງ, ແຕ່ບໍ່ຄິດວ່າຊື່ຂອງບັນຍາຍ. ຖ້າບັນຍາຍຂອງ XML ບໍ່ຮູ້ຕົວຈາກ (ເຊັ່ນ XML parser ບໍ່ຮູ້ຕົວຫຼືບໍ່ສາມາດຕິດຕາມ DTD ຂອງເອກະສານ), ວິທີການຈະສົ່ງຄືນ nullໃນ JavaScript ທີ່ຢູ່ບາງບ່ອນ, ວິທີການນີ້ບໍ່ໄດ້ນໍາໃຊ້ກັບ ບັນຍາຍ XML. ຄວາມຈິງ,getElementById() ວິທີການບັນຍາຍໄດ້ຖືກກໍານົດວ່າເປັນສະມາຊິກຂອງ ບັນຍາຍ HTMLDocument, ແຕ່ໃນປີ DOM ອີກ 2 ກໍ່ໄດ້ບັນຍາຍໃນບັນຍາຍ Document.
ການສະໜັບສະໜູນບັນຍາຍ
document.getElementById() ເປັນ ຄວາມສະດວກ DOM Level 2 (2001)。
ທຸກພາສາບັນຍາຍສະໜັບສະໜູນມັນ:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| ສະໜັບສະໜູນ | 9-11 | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ |
ປະເພດຂໍ້ມູນ
ການສອນ CSS:ວິທີວິນິສະວະກອນ CSS
ປຶ້ມຂໍ້ມູນ CSS:ຄູ່ຄົນ #id CSS
ປຶ້ມຂໍ້ມູນ HTML DOM:ປຶ້ມຂໍ້ມູນ HTML DOM id 属性
ປຶ້ມຂໍ້ມູນ HTML DOM:HTML DOM Style Object
- ຫນ້າຫນັງກ່ອນ forms
- ຫນ້າຫນັງ getElementsByClassName()
- ກັບຄືນອາທິດກາງ ເອກະສານ Documents HTML DOM
