Συλλογή στοιχείων φόρμας

Το αντικείμενο Form του HTML DOM

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

elements Η συλλογή επιστρέφει τη συλλογή όλων των στοιχείων της φόρμας.

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

Σημειώσεις:Η συλλογή elements επιστρέφει όλα τα στοιχεία στο στοιχείο <form>, όχι όλα τα στοιχεία <form> του εγγράφου. Για να λάβετε όλα τα στοιχεία <form> του εγγράφου, χρησιμοποιήστε Συνολο document.forms.

Παράδειγμα

Παράδειγμα 1

Αναζητήστε τον αριθμό των στοιχείων στο καθορισμένο στοιχείο <form>:

var x = document.getElementById("myForm").elements.length;

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

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

3

Σημείωση:Περισσότερες παραδείξεις παρέχονται στο κάτω μέρος της σελίδας.

Γραμματική

formObject.elements

Σημείωση

Σημείωση Περιγραφή
length

Επιστρέφει τον αριθμό των στοιχείων στο στοιχείο <form>.

Σημειώσεις:Αυτό το χαρακτηριστικό είναι μόνο ανάγνωσης.

Μέθοδος

Μέθοδος Περιγραφή
[καθορισμός]

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

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

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

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

Επιστρέφει το στοιχείο με καθορισμένο id στο <form>.

Σημειώσεις:Αν το id δεν υπάρχει, επιστρέφεται null.

Τεχνικά στοιχεία

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

Το αντικείμενο HTMLFormsControlCollection εκπροσωπεί όλα τα στοιχεία του στοιχείου <form>.

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

Περισσότερες παραδείξεις

Παράδειγμα 2: [καθορισμός]

Αποτελέσματα για το πρώτο στοιχείο του μορφοπρότυπου (καθορισμός 0):

var x = document.getElementById("myForm").elements[0].value;

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

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

Donald

Παράδειγμα 3: item(καθορισμός)

Αποτελέσματα για το πρώτο στοιχείο του μορφοπρότυπου (καθορισμός 0):

var x = document.getElementById("myForm").elements.item(0).value;

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

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

Donald

Παράδειγμα 4: namedItem(id)

Αποτελέσματα για το name="fname" στο μορφοπρότυπο:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

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

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

Donald

για (i = 0; i < x.length; i++) {

Παράδειγμα 5

var x = document.getElementById("myForm");
var txt = "";
var i;
για (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

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

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

Donald
Duck
Υποβολή

Υποστήριξη Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Το αντικείμενο Form του HTML DOM