Thuộc tính links của Document HTML DOM

Định nghĩa và cách sử dụng

links Trả về bộ sưu tập tất cả các liên kết trong tài liệu.

links thuộc tính trả về HTMLCollection.

links thuộc tính là chỉ đọc.

liên kết trong bộ sưu tập đại diện cho các phần tử <a> và <area> có thuộc tính href.

xem thêm:

Đối tượng Anchor DOM HTML

Đối tượng Area DOM HTML

Thẻ <a> HTML

Thẻ <area> HTML

Liên kết HTML

HTMLCollection

HTMLCollection là bộ sưu tập类似 mảng của các phần tử HTML.

thuộc tính có thể truy cập phần tử trong bộ sưu tập bằng chỉ số (bắt đầu từ 0).

length thuộc tính trả về số lượng phần tử trong bộ sưu tập.

thực thể

ví dụ 1

trả về số lượng liên kết trong tài liệu:

let numb = document.links.length;

thử nghiệm trực tiếp

ví dụ 2

lấy URL của liên kết đầu tiên trong tài liệu:

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

thử nghiệm trực tiếp

ví dụ 3

lấy URL của liên kết đầu tiên trong tài liệu:

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

thử nghiệm trực tiếp

ví dụ 4

lấy URL của thành phần có id="myLink":

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

thử nghiệm trực tiếp

ví dụ 5

thêm viền đỏ cho liên kết đầu tiên trong tài liệu:

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

thử nghiệm trực tiếp

ví dụ 6

duyệt qua tất cả các liên kết và xuất ra URL của mỗi liên kết (href):

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

thử nghiệm trực tiếp

cú pháp

document.links

thuộc tính

thuộc tính miêu tả
length số lượng phần tử trong bộ sưu tập.

phương pháp

phương pháp miêu tả
[index]

trả về phần tử có chỉ số chỉ định (bắt đầu từ 0).

nếu chỉ số vượt ra ngoài phạm vi, sẽ trả về null.
item(index)

trả về phần tử có chỉ số chỉ định (bắt đầu từ 0).

nếu chỉ số vượt ra ngoài phạm vi, sẽ trả về null.
namedItem(id)

trả về có chỉ định id thành phần.

nếu id không tồn tại, sẽ trả về null.

giá trị trả về

loại miêu tả
đối tượng

đối tượng HTMLCollection.

tất cả các phần tử <a> và <area> trong tài liệu.

sắp xếp theo thứ tự xuất hiện trong mã nguồn.

hỗ trợ trình duyệt

document.links là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
hỗ trợ 9-11 hỗ trợ hỗ trợ hỗ trợ hỗ trợ