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

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


 

HTML DOM формирует коллекцию

<Document Object

пример

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

var x = document.forms.length;

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

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

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


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

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

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

Совет: Используйте элементы коллекции в форме объекта , чтобы вернуть коллекцию всех элементов в форме.


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

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

Синтаксис

document.forms

свойства

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

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

методы

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

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

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

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

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

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

Примеры

Еще примеры

пример

[Индекс]

Получить идентификатор первого <form> элемента (index 0) в документе:

var x = document.forms[0].id;

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

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

пример

item( index )

Получить идентификатор первого <form> элемента (index 0) в документе:

var x = document.forms.item(0).id;

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

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

пример

namedItem( id )

Получить содержимое HTML в <form> элемента с идентификатором = «Myform» в документе:

var x = document.forms.namedItem("myCarForm").innerHTML;

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

Favorite Car:
Попробуй сам "

пример

Цикл по всем <form> элементов в документе, и выводится идентификатор каждой формы:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

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

myCarForm
myColorForm
Попробуй сам "

пример

Использование коллекции элементов вместе с document.forms , чтобы получить RGB (241, 241, 241); "> значение каждого элемента в виде:

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

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

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

Похожие страницы

JavaScript ссылка: HTML DOM Форма объекта

JavaScript ссылка: Элементы формы Коллекция

HTML учебник: HTML - формы

HTML ссылка: HTML <form> тег


<Document Object