HTML DOM Document links 属性

ການສະເໜີແລະການນຳໃຊ້

links ຄວາມຜະສັງການກຳລັງຄົ້ນພົບກັບຄູ່ມວນຊົນທັງໝົດທີ່ຢູ່ໃນເອກະສານ。

links ການກັບຄືນຈຳນວນສັນຕິພາບໃນຕົວຊວນ HTMLCollection.

links ການເປັນຄືນພຽງພໍ

ບັນດາການເຊື່ອມຕໍ່ໃນຕົວຊວນມີສັນຕິພາບ <a> ແລະ <area> ທີ່ມີຄວາມຜິດຈະລະດັບ href

ບໍ່ດັ່ງນັ້ນໃຫ້ບອກວ່າ

ໂອກາດ Anchor DOM HTML

ໂອກາດ Area DOM HTML

HTML <a> ອັບສັນ

HTML <area> ອັບສັນ

HTML ການເຊື່ອມ

HTMLCollection

HTMLCollection ເປັນຕົວຊວນຄືນຄືນຂອງສັນຕິພາບ HTML

ສາມາດເຂົ້າຫາສັນຕິພາບໃນຕົວຊວນຜ່ານບັນດາດັດສະນະ (ເລີ່ມຈາກ 0)

length ການກັບຄືນຈຳນວນສັນຕິພາບໃນຕົວຊວນ

ພາບພາບລະຫວ່າງ

ຕົວຢ່າງ 1

ກັບຄືນຈຳນວນການເຊື່ອມຕໍ່ໃນເອກະສານ

let numb = document.links.length;

ທ້າທາຍພາສາດຕະຫລາດ

ຕົວຢ່າງ 2

ຄົ້ນຫາລະຫວ່າງການເຊື່ອມຕໍ່ URL ຂອງການເຊື່ອມຕໍ່ທໍາອິດໃນເອກະສານ

let url = document.links[0].href;

ທ້າທາຍພາສາດຕະຫລາດ

ຕົວຢ່າງ 3

ຄົ້ນຫາລະຫວ່າງການເຊື່ອມຕໍ່ URL ຂອງການເຊື່ອມຕໍ່ທໍາອິດໃນເອກະສານ

let url = document.links.item(0).href;

ທ້າທາຍພາສາດຕະຫລາດ

ຕົວຢ່າງ 4

ຄົ້ນຫາລະຫວ່າງການເຊື່ອມຕໍ່ URL ຂອງສັນຕິພາບ id="myLink"

let url = document.links.namedItem("myLink").href;

ທ້າທາຍພາສາດຕະຫລາດ

ຕົວຢ່າງ 5

ເພີ່ມກະດາການຂະໜານສີແດງສີແດງສີທະດັບ 5px ສຳລັບການເຊື່ອມຕໍ່ທໍາອິດໃນເອກະສານ

document.links[0].style.border = "5px solid red";

ທ້າທາຍພາສາດຕະຫລາດ

ຕົວຢ່າງ 6

ກຳນົດທຸກບັນດາການເຊື່ອມຕໍ່ລະຫວ່າງບັນດາການເຊື່ອມຕໍ່ລະຫວ່າງບັນດາການເຊື່ອມຕໍ່ແລະອອກສະພາບລະຫວ່າງບັນດາການເຊື່ອມຕໍ່

const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
  text += links[i].href + "<br>";
}

ທ້າທາຍພາສາດຕະຫລາດ

ສັນຍາວິທີການ

document.links

ຄວາມ

ຄວາມ ການອະທິບາຍ
length ຈຳນວນສັນຕິພາບໃນຕົວຊວນ

ວິທີການ

ວິທີການ ການອະທິບາຍ
[index)

ກັບຄືນບັນດາສັນຕິພາບທີ່ມີດັດສະນະກຳນົດຈຳນວນຫຍັງ (ເລີ່ມຈາກ 0)

ຖ້າບັນດາດັດສະນະຫຍັງຈະມີຈຳນວນຫຍັງຈະກັບຄືນ null。
item(index)

ກັບຄືນບັນດາສັນຕິພາບທີ່ມີດັດສະນະກຳນົດຈຳນວນຫຍັງ (ເລີ່ມຈາກ 0)

ຖ້າບັນດາດັດສະນະຫຍັງຈະມີຈຳນວນຫຍັງຈະກັບຄືນ null。
namedItem(id)

ມີຊະນິດກຳນົດ id ບັນດາສັນຕິພາບ

ຖ້າ id ບໍ່ມີຫຍັງທີ່ກຳນົດໄວ້ຈະກັບຄືນ null。

ຜົນກະທົບ

ຊະນິດ ການອະທິບາຍ
ໂອບເຕີ້

ໂອບເຕີ້ HTMLCollection

ທຸກບັນດາສັນຕິພາບ <a> ແລະ <area> ໃນເອກະສານ

ກຳນົດຕາຕະລາງຕາມການອອກສະພາບໃນລະຫັດກະສັດຊັ້ນມານີ້

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

document.links ເປັນເປີດທຳມະຊາດ DOM Level 1 (1998)。

ທຸກບັນດາບັນນາທິການສາມາດສະໜັບສະໜູນມັນ

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ສະໜັບສະໜູນ 9-11 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ