Get element inside element by ID and class - JavaScript

Question

Alright, I've dabbled in JavaScript before, but the most useful thing I've written is a CSS style-switcher. So I'm somewhat new to this. Let's say I have HTML code like this:

<div class="first">
    <div id="bar">
        Hello world!
    </div>
</div>

Not Working:document.getElementsByClassName("first").getElementById("bar")[0];

getElementsByClassName returns an array, not a object for further querying — Napoli
– Napoli, Commented Mar 13, 2018 at 8:01
Despite the fact you should not use an id if you habe multiple of them, as Napoli stated getElementsByClassName returns a collection of nodes, which can't be queried further. Use document.querySelector('.first #bar') in such cases. — Baris Bikmaz
– Baris Bikmaz, Commented Mar 13, 2018 at 8:10

Asons · Accepted Answer · 2018-03-13 08:06:52Z

2

You might want to use document.querySelector.

With that you can use CSS selectors and do e.g.

var bar_element = document.querySelector(".first #bar");

answered Mar 13, 2018 at 8:06

Asons

87.7k12 gold badges119 silver badges175 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get element inside element by ID and class - JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related