Categories
JavaScript Answers

How to get element By using class name with JavaScript?

Spread the love

Sometimes, we want to get element By using class name with JavaScript.

In this article, we’ll look at how to get element By using class name with JavaScript.

How to get element By using class name with JavaScript?

To get element By using class name with JavaScript, we can use the getElementsByClassName method.

For instance, we write:

<div class='foo'>

</div>
<div class='foo'>

</div>
<div class='foo'>

</div>

to add 3 divs with class foo.

Then we write:

const els = document.getElementsByClassName('foo')
console.log(els)

to call getElementsByClassName with 'foo' to return all the elements with class name foo in an HTMLCollection object.

Conclusion

To get element By using class name with JavaScript, we can use the getElementsByClassName method.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *