Categories
JavaScript Answers

How to get element inside element by class and ID with JavaScript?

Spread the love

Sometimes, we want to get element inside element by class and ID with JavaScript.

In this article, we’ll look at how to get element inside element by class and ID with JavaScript.

How to get element inside element by class and ID with JavaScript?

To get element inside element by class and ID with JavaScript, we can get the parent element.

And then we call the method to select the child element in the parent.

For instance, we write

const targetDiv = document
  .getElementById("foo")
  .getElementsByClassName("bar")[0];

to call getElementById to get the parent element with ID foo.

Then we call getElementsByClassName with 'bar' to select the elements with class bar in the element with ID foo.

Conclusion

To get element inside element by class and ID with JavaScript, we can get the parent element.

And then we call the method to select the child element in the parent.

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 *