getElementsByClassName method

The getElementsByClassName method allows you to get page elements by their class specified in the class attribute. It will be possible to perform various manipulations with the retreived elements: change their text, attributes, CSS styles, and so on.

Syntax

document.getElementsByClassName(class name);

Example

Let's get all elements with the class www and change their text using the innerHTML property:

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

let elems = document.getElementsByClassName('www');

for (let elem of elems) {
	elem.innerHTML = '!!!';
}

The code execution result:

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

getElementsByClassName method

Syntax

Example

See also