Метод getElementsByName позволяет обратится ко всем элементам на странице с указанным именем.
Синтаксис:
document.getElementsByName('имя')[номер_элемента]
| Параметры | Описание |
|---|---|
| имя | Является обязательным параметром. Имя элементов, к которым будет получен доступ. |
| номер_элемента | Является обязательным параметром. Указывает номер элемента. Первый элемент на странице с указанным именем будет иметь номер элемента 0, второй 1 и т.д. |
Пример
<p name='par1'>Это четвертый абзац. </p>
<p name='par2'>Это второй абзац.</p>
<p name='par2'>Это второй абзац.</p>
<input type='button' value='Изменить содержимое абзацев' onclick='change()' />
....
{
function change()
//Изменим содержимое первого элемента на странице с name=par1
document.getElementsByName('par1')[0].innerHTML='Это первый абзац';
//Изменим содержимое второго элемента на странице с name=par2
document.getElementsByName('par2')[1].innerHTML='Это третий абзац';
}