BigBinary AcademyLearn HTML DOM

Using Class Name

getElementsByClassName will select all the HTML elements which match the provided class name.

The method returns an array-like list of elements. So, we can access a specific element using the bracket notation, []. None of the array methods will work though.

In the example given above, we get the list of all p elements with the class name inspirational-words and then loop over it to apply changes to each one of them. You can see that the changes do not apply to the last p element, because it does not belong to the inspirational-words class.

If you want to use the array methods, you can convert the list to an array using the Array.from() method.