Bản đồ khu vực Bộ sưu tập
Thí dụ
Tìm hiểu xem có bao nhiêu phần tử <are Aaron trong một bản đồ hình ảnh cụ thể:
var x = document.getElementById("planetmap").areas.length;
Kết quả của x sẽ là:
3
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ sưu tập khu vực trả về một bộ sưu tập tất cả các phần tử <are> trong một bản đồ hình ảnh.
Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp như chúng xuất hiện trong mã nguồn.
Mẹo: Để trả về một tập hợp tất cả các phần tử <are> có thuộc tính href được chỉ định, hãy sử dụng tập hợp liên kết .
Hỗ trợ trình duyệt
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Cú pháp
mapObject.areas
Tính chất
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Phương pháp
Method | Description |
---|---|
[index] | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
Chi tiết kỹ thuật
Phiên bản DOM: | Đối tượng tài liệu cấp 2 cốt lõi |
---|---|
Giá trị trả lại: | Đối tượng HTMLCollection, đại diện cho tất cả các phần tử <are Aaron trong bản đồ hình ảnh trong tài liệu. Các phần tử trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn |
Các ví dụ khác
Thí dụ
[ chỉ mục ]
Lấy URL của phần tử <areosystem đầu tiên trong một bản đồ hình ảnh:
var x = document.getElementById("planetmap").areas[0].href;
Kết quả của x sẽ là:
https://www.w3schools.com/jsref/sun.htm
Thí dụ
item ( chỉ mục )
Lấy URL của phần tử <areosystem đầu tiên trong một bản đồ hình ảnh:
var x = document.getElementById("planetmap").areas.item(0).href;
Kết quả của x sẽ là:
https://www.w3schools.com/jsref/sun.htm
Thí dụ
NameItem ( id )
Lấy URL của phần tử <areosystem với id = "myArea" trong bản đồ hình ảnh:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Kết quả của x sẽ là:
https://www.w3schools.com/jsref/mercur.htm
Thí dụ
Lặp qua tất cả các phần tử <areosystem trong một bản đồ hình ảnh và xuất ra hình dạng của từng 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>";
}
Kết quả của txt sẽ là:
rect
circle
circle
❮ Đối tượng bản đồ