Sometimes, we may run into the “document.getElementByClass is not a function” error in the console when we run our JavaScript code.
In this article, we’ll look at how to fix the “document.getElementByClass is not a function” error in our JavaScript code.
The Correct Method Name is document.getElementByClassName
The correct method name for the method that we use to get the elements with a given class name is the document.getElementByClassName method.
For instance, if we have the following HTML:
<div class='text'>
foo
</div>
<div class='text'>
bar
</div>
<p>
baz
</p>
Then we can get all the elements with the class attribute set to text by writing:
const texts = document.getElementsByClassName("text");
console.log(texts)
We call document.getElementsByClassName with the class attribute value for the elements we want to select.
Therefore texts is an HTMLCollection object with the divs with the class text in it.
Conclusion
To get all the elements with the given class attribute value, we use the document.getElementsByClassName method.
There is not document.getElementsByClass method in the browser.
This will stop us from running into the run into the “document.getElementByClass is not a function” error when we run our JavaScript code.
