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

javascriptdocument.getElementsByClassName(class name);

Example

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

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

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

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

The code execution result:

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

See also