Map areas ชุด

HTML DOM Map 对象

การใช้งานและความหมาย

area ชุดกลับคืนทั้งหมดของ image map <area> องค์ประกอบ ชุด

หมายเหตุ:ชุดสมาชิกจัดเรียงตามลำดับที่มีในรหัสแบบระดับต้น:

คำเตือน：ถ้าต้องการกลับคืนชุดทั้งหมดที่มีคุณสมบัติ href <area> องค์ประกอบ ชุด โปรดใช้ links ชุด。

ตัวอย่าง

ตัวอย่าง 1

ตรวจสอบจำนวน <area> ที่มีในแผนที่รูปแบบที่กำหนด:

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

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x คือ:

3

มีตัวอย่าง TIY มากมายด้านล่างหน้านี้。

รูปแบบการใช้งาน

mapObject.areas

แนวทาง

ค่า คำอธิบาย
length

ส่งกลับจำนวนสมาชิกในชุด <area>:

หมายเหตุ:ตัวแปรนี้เป็นที่อ่านเท่านั้น

วิธี

วิธี คำอธิบาย
[index]

ส่งกลับ <area> ที่มีดัชนีที่กำหนด (เริ่มต้นจาก 0):

หมายเหตุ:ถ้าหมายเลขดัชนีเกินขอบเขต ก็จะส่งกลับ null:
item(index)

ส่งกลับ <area> ที่มีดัชนีที่กำหนด (เริ่มต้นจาก 0):

หมายเหตุ:ถ้าหมายเลขดัชนีเกินขอบเขต ก็จะส่งกลับ null:
namedItem(id)

ส่งกลับชุดที่มี <area> ที่มี id ที่กำหนด:

หมายเหตุ:ถ้า id ไม่มีอยู่ ก็จะส่งกลับ null:

รายละเอียดเทคนิค

รุ่น DOM: Core Level 2 Document Object
ค่าที่ส่งกลับมา:

HTMLCollection วิธีแสดงทั้งหมดของ <area> ในแผนที่รูปแบบของเอกสาร:

ชุดสมาชิกจัดเรียงตามลำดับที่มีในรหัสแบบระดับต้น:

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

ตัวอย่างเพิ่มเติม

ตัวอย่าง 2: [index]

เรียกข้อมูล URL ของ <area> อันดับแรกในแผนที่รูปแบบ:

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

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

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

ตัวอย่าง 3: item(index)

เรียกข้อมูล URL ของ <area> อันดับแรกในแผนที่รูปแบบ:

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

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

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

ตัวอย่าง 4: namedItem(id)

เรียกข้อมูล URL ของ <area> ที่มี id="myArea" ในแผนที่รูปแบบ:

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

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

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

ตัวอย่าง 5

เลือกและแสดงรูปภาพทั้งหมด <area> ในแผนที่รูปแบบและแสดงรูปร่างของแต่ละพื้นที่:

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

ทดลองด้วยตัวเอง

ผลลัพธ์ของ x จะเป็น：

rect
circle
circle

HTML DOM Map 对象