Метод getElementsByTagName позволяет получить элементы страницы по имени тега.

С полученными элементами можно производить различные манипуляции: менять их текст, атрибуты, CSS стили и так далее.

Метод возвращает псевдомассив элементов, а не один элемент, поэтому по этому набору сначала нужно пройтись циклом и для каждого элемента сделать то, что вам нужно.

См. также методы getElementById, getElementsByClassName, querySelector, querySelectorAll, которые тоже позволяют получить элементы страницы.

См. также этот и этот уроки из учебника JavaScript для более полного понимания.

Синтаксис

document.getElementsByTagName(имя тега);

Примеры

Пример

В данном примере по нажатию на кнопку будут получены все абзацы и для них сменен текст с помощью innerHTML:

<p>Текст абзаца.</p>
<p>Текст абзаца.</p>
<p>Текст абзаца.</p>
<input type="submit" onclick="func()">
function func() {
	var elems = document.getElementsByTagName('p');
	for (var i = 0; i < elems.length; i++) {
		elems[i].innerHTML = i+1;
	}
}

HTML код станет выглядеть так:

<p>1</p>
<p>2</p>
<p>3</p>
<input type="submit" onclick="func()">

Учтите, что менять одновременно все элементы как-нибудь так elems.innerHTML = '!!!' не получится (потому что elems - массив).

Необходимо или или воспользоваться циклом или вручную перебрать элементы таким образом: elems[0].innerHTML = 'новый текст';

Давайте вручную поменяем текст всех трех абзацев:

<p>Текст абзаца.</p>
<p>Текст абзаца.</p>
<p>Текст абзаца.</p>
<input type="submit" onclick="func()">
function func() {
	//Получаем массив абзацев в переменную elems:
	var elems = document.getElementsByTagName('p');

	elems[0].innerHTML = '1'; //первому абзацу ставим текст '1'
	elems[1].innerHTML = '2'; //второму абзацу ставим текст '2'
	elems[2].innerHTML = '3'; //третьему абзацу ставим текст '3'
}

HTML код станет выглядеть так:

<p>1</p>
<p>2</p>
<p>3</p>
<input type="submit" onclick="func()">