ลิงก์เอกสาร HTML DOM
ตัวอย่าง
จำนวนลิงค์ในเอกสาร:
let numb = document.links.length;
รับ URL ของลิงค์แรกในเอกสาร:
let url = document.links[0].href;
รับ URL ของลิงค์แรกในเอกสาร:
let url = document.links.item(0).href;
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติlinksส่งคืนคอลเลกชันของลิงก์ทั้งหมดในเอกสาร
คุณสมบัติส่งformsคืนHTMLCollection
คุณสมบัติlinksเป็นแบบอ่านอย่างเดียว
ลิงก์ในคอลเล็กชันแสดงถึงองค์ประกอบ <a> และ <area> พร้อมแอตทริบิวต์ href
ดูสิ่งนี้ด้วย:
HTMLCollection
HTMLCollection คือ ชุดของโหนด HTML
โหนดในคอลเล็กชันสามารถเข้าถึงได้ด้วยหมายเลขดัชนี ดัชนีเริ่มต้นที่ 0
คุณสมบัติความยาวส่งคืนจำนวนองค์ประกอบในคอลเลกชัน
ไวยากรณ์
document.links
คุณสมบัติ
| Property | Description |
| length | The number of elements in the collection. |
วิธีการ
| Method | Description |
| [index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
คืนมูลค่า
| พิมพ์ | คำอธิบาย |
| วัตถุ | วัตถุHTMLCollection องค์ประกอบ <a> และ <area> ทั้งหมดในเอกสาร องค์ประกอบจะถูกจัดเรียงตามที่ปรากฏในเอกสาร |
ตัวอย่างเพิ่มเติม
รับ URL ขององค์ประกอบด้วย id="myLink":
let url = document.links.namedItem("myLink").href;
เพิ่มเส้นขอบสีแดงให้กับลิงก์แรกในเอกสาร:
document.links[0].style.border = "5px solid red";
วนซ้ำลิงก์ทั้งหมดและส่งออก URL (href) ของแต่ละลิงก์:
const links = document.links;
let text = "";
for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";
}
รองรับเบราว์เซอร์
document.links เป็นคุณลักษณะ DOM ระดับ 1 (1998)
ได้รับการสนับสนุนอย่างเต็มที่ในเบราว์เซอร์ทั้งหมด:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |