# Finding Elements In The DOM Using querySelector | KIRUPA

**URL:** <https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210>\
**Category:** programming\
**Created:** [March 20, 2017, 2:34am UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210 "2017-03-20T02:34:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 20, 2017, 2:34am UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/1 "2017-03-20T02:34:38Z")

</div>

As you saw in the [JavaScript, the Browser, and the DOM](http://www.kirupa.com/www.kirupa.com/html5/javascript_the_browser_and_the_dom.htm) tutorial, your DOM is nothing more than a tree-like structure made up of all the elements that exist in your HTML document:

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/finding\_elements\_dom\_using\_querySelector.htm](http://www.kirupa.com/html5/finding_elements_dom_using_querySelector.htm)

---

<div class="post-metadata">

**Author:** ![vikram\_singh1](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vikram_singh1/32/9202_2.png) [@vikram\_singh1](https://forum.kirupa.com/u/vikram_singh1)\
**Post date:** [July 15, 2018, 3:58am UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/2 "2018-07-15T03:58:52Z")

</div>

I think for Immediate child we need to use ‘\>’ instead of ‘+’

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [July 15, 2018, 8:01pm UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/3 "2018-07-15T20:01:05Z")

</div>

Good catch! I just updated it. Thanks for pointing it out 🙂

---

<div class="post-metadata">

**Author:** ![Eugenia\_Che](https://avatars.discourse-cdn.com/v4/letter/e/bcef8e/32.png) [@Eugenia\_Che](https://forum.kirupa.com/u/Eugenia_Che)\
**Post date:** [March 29, 2019, 7:48pm UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/4 "2019-03-29T19:48:39Z")

</div>

Thank you for this post, it’s been extremely helpful!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 30, 2019, 7:48pm UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/5 "2019-03-30T19:48:30Z")

</div>

Glad you liked it, Eugenia 😀

---

<div class="post-metadata">

**Author:** ![Tim\_Raeyen](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/tim_raeyen/32/12516_2.png) [@Tim\_Raeyen](https://forum.kirupa.com/u/Tim_Raeyen)\
**Post date:** [September 24, 2020, 8:49am UTC](https://forum.kirupa.com/t/finding-elements-in-the-dom-using-queryselector-kirupa/636210/6 "2020-09-24T08:49:01Z")

</div>

Great explanation! Helped me to get started. You showed it in a simple way. Nice!