Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Элементы формы Коллекция

<Форма объекта

пример

Узнайте, сколько элементов есть в указанном в <form> элемента:

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

В результате х будет:

3
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

Коллекция элементов возвращает коллекцию всех элементов в форме.

Note: Элементы коллекции сортируются , как они появляются в исходном коде.

Примечание: Коллекция элементов возвращает все элементы внутри <form> элемента, не все <form> элементы в документе. Для того, чтобы получить все <form> элементы в документе, используйте document.forms вместо коллекции.


Поддержка браузеров

Коллекция
elements да да да да да

Синтаксис

formObject .elements

свойства

Имущество Описание
length Возвращает количество элементов в <form> элемента.

Примечание: Это свойство только для чтения

методы

метод Описание
[ index ] Возвращает элемент в <form> с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
item( index ) Возвращает элемент в <form> с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
namedItem( id ) Возвращает элемент <form> с указанным идентификатором.

Примечание: возвращает нулевое значение , если идентификатор не существует

Технические подробности

DOM Версия: Базовый уровень Объект 2 документа
Возвращаемое значение: HTMLFormsControlCollection Объект, представляющий все элементы в <form> элемента. Элементы коллекции сортируются, как они появляются в исходном коде

Примеры

Еще примеры

пример

[Индекс]

Получить значение первого элемента (index 0) в виде:

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

В результате х будет:

Donald
Попробуй сам "

пример

item( index )

Получить значение первого элемента (index 0) в виде:

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

В результате х будет:

Donald
Попробуй сам "

пример

namedItem( id )

Получить значение элемента с именем = «имя_файла» в форме:

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

В результате х будет:

Donald
Попробуй сам "

пример

Цикл по всем элементам в форме и вывода значения каждого элемента:

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

Результат TXT будет:

Donald
Duck
Submit
Попробуй сам "

<Форма объекта