collections vùng bản đồ

Đối tượng Map DOM HTML

defini và cách sử dụng

diện tích collections trả về tất cả các thẻ <area> mời sử dụng collections.

Chú thích:Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

thông báo:nếu cần trả về tất cả các liên kết đã được quy định thuộc tính href thẻ <area> mời sử dụng collections liên kết。

Bài mẫu

Ví dụ 1

Xác định số lượng phần tử <area> trong bản đồ hình ảnh được chỉ định:

var x = document.getElementById("planetmap").areas.length;

Thử ngay

Kết quả của x là:

3

Có thêm các ví dụ TIY bên dưới trang.

Cú pháp

mapObject.areas

Thuộc tính

Giá trị Mô tả
length

Trả về số lượng phần tử <area> trong bộ sưu tập.

Chú thích:Thuộc tính này là chỉ đọc

Phương thức

Phương thức Mô tả
[index]

Trả về phần tử <area> có chỉ mục được chỉ định (bắt đầu từ 0).

Chú thích:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, thì trả về null.
item(index)

Trả về phần tử <area> có chỉ mục được chỉ định (bắt đầu từ 0).

Chú thích:Nếu số thứ tự chỉ mục vượt ra ngoài phạm vi, thì trả về null.
namedItem(id)

Trả về bộ sưu tập chứa phần tử <area> có id được chỉ định.

Chú thích:Nếu id không tồn tại, thì trả về null.

Chi tiết kỹ thuật

Phiên bản DOM: Core Level 2 Document Object
Giá trị trả về:

Đối tượng HTMLCollection, biểu thị tất cả các phần tử <area> trong bản đồ hình ảnh của tài liệu.

Các phần tử trong bộ sưu tập được sắp xếp theo thứ tự xuất hiện trong mã nguồn.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Các ví dụ khác

Ví dụ 2: [index]

Lấy URL của phần tử <area> đầu tiên trong bản đồ hình ảnh:

var x = document.getElementById("planetmap").areas[0].href;

Thử ngay

Kết quả của x sẽ là:

https://www.codew3c.com/jsref/sun.html

Ví dụ 3: item(index)

Lấy URL của phần tử <area> đầu tiên trong bản đồ hình ảnh:

var x = document.getElementById("planetmap").areas.item(0).href;

Thử ngay

Kết quả của x sẽ là:

https://www.codew3c.com/jsref/sun.html

Ví dụ 4: namedItem(id)

Lấy URL của phần tử <area> có id="myArea" trong bản đồ hình ảnh:

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

Thử ngay

Kết quả của x sẽ là:

https://www.codew3c.com/jsref/mercur.html

Ví dụ 5

Quét qua tất cả các phần tử <area> trong bản đồ hình ảnh và xuất ra hình dạng của mỗi khu vực:

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

Thử ngay

Kết quả của x sẽ là:

rect
circle
circle

Đối tượng Map DOM HTML