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