Метод getElementsByClassName позволяет получить элементы страницы по их классу в атрибуте class.

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

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

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

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

Синтаксис

document.getElementsByClassName(имя класса);

Примеры

Пример

В данном примере мы получаем все элементы с классом www и ставим им текст '!!!' с помощью innerHTML:

<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p>Текст абзаца.</p>

<input type="submit" onclick="func()">
function func() {
	var elems = document.getElementsByClassName('www');
	for (var i = 0; i < elems.length; i++) {
		elems[i].innerHTML = '!!!';
	}
}

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

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
<p>Текст абзаца.</p>

<input type="submit" onclick="func()">