Map areas συλλογή

HTML DOM Οντότητα Map

Ορισμός και χρήση

area Συλλογή επιστρέφει όλα τα <area> στοιχείο συλλογή.

σχόλια:Τα στοιχεία του συνόλου είναι ταξινομημένα κατά τη σειρά που εμφανίζονται στον κώδικα πηγής τους.

Συμβουλή:Για να επιστρέψετε όλες τις ορισμένες με href ιδιότητες <area> στοιχείο συλλογή, παρακαλώ χρησιμοποιήστε links συλλογή。

παράδειγμα

παράδειγμα 1

Ερευνήστε πόσες περιοχές <area> υπάρχουν στον καθορισμένο χάρτη εικόνας:

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

Δοκιμάστε το προσωπικά

Το αποτέλεσμα του x είναι:

3

Περισσότερες TIY παραδείγματα στο κάτω μέρος της σελίδας.

σύνταξη

mapObject.areas

όρισμα

τιμή πληροφορίες
length

Επιστρέφει τον αριθμό των στοιχείων <area> στη συλλογή.

σχόλια:Αυτό το χαρακτηριστικό είναι μονόδρομο

μεθόδος

μεθόδος πληροφορίες
[index]

Επιστρέφει το στοιχείο <area> με τον καθορισμένο αριθμό του indices (από 0).

σχόλια:Αν ο αριθμός του indices είναι εκτός εύρους, επιστρέφει null.
item(index)

Επιστρέφει το στοιχείο <area> με τον καθορισμένο αριθμό του indices (από 0).

σχόλια:Αν ο αριθμός του indices είναι εκτός εύρους, επιστρέφει null.
namedItem(id)

Επιστρέφει το στοιχείο <area> με το καθορισμένο id από τη συλλογή.

σχόλια:Αν το id δεν υπάρχει, επιστρέφει null.

τεχνικά λεπτομέρειες

Έκδοση DOM: Core Level 2 Document Object
Αποτελεσματικότητα:

HTMLCollection αντικείμενο που εκπροσωπεί όλα τα στοιχεία <area> του χάρτη εικόνας του έγγραφου.

Τα στοιχεία του συνόλου είναι ταξινομημένα κατά τη σειρά που εμφανίζονται στον κώδικα πηγής τους.

υποστήριξη browser

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;
για (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

Δοκιμάστε το προσωπικά

Το αποτέλεσμα του x θα είναι:

όρθογωνός
κυκλός
κυκλός

HTML DOM Οντότητα Map