What is the querySelectorAll method in JavaScript? | Document.querySelectorAll() Explained

Поделиться
HTML-код
  • Опубликовано: 22 мар 2018
  • In JavaScript, the 'querySelectorAll' method allows you to retrieve a list of Elements that match the CSS Selector that you specify. Essentially, it is a way of finding Elements in JavaScript. It's quitee flexible and lets you search for tags, classes, IDs, parent/child combinations, attributes and so on.
    In this video I show you a clear and simple example of how it works on the 'document' object as well as another Parent Node - to only search within that parent.
    For your reference, check this out:
    developer.mozilla.org/en-US/d...
    Follow me on Twitter @dcode!
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

Комментарии • 31

  • @sauravdas8390
    @sauravdas8390 Месяц назад

    Finally a tutor we don't deserve but we need...

  • @NicklasHolmqvist
    @NicklasHolmqvist 3 года назад +2

    Excacly what I nedded. A simple, understanding video! Thx alot!

    • @dcode-software
      @dcode-software  3 года назад +1

      All good Nicklas - glad it helped you.

  • @emilioyepez1811
    @emilioyepez1811 5 лет назад +6

    Wow, youre such a good teacher, thanks for your help, greeting from Ecuador!

  • @nobleinexile4296
    @nobleinexile4296 3 года назад

    Helpful video! Liked for sure thank you!

  • @marekkadlec5180
    @marekkadlec5180 2 года назад

    Great video, thanks for explaining it.

  • @famero_xo
    @famero_xo Месяц назад

    Wow thank so much for this lecture. It helped! 🎉❤

  • @lucaspham5238
    @lucaspham5238 4 года назад

    You saved my life, thank you

  • @debsbres3424
    @debsbres3424 Год назад

    increadibly simple. Thank you

  • @geteldoo5279
    @geteldoo5279 11 месяцев назад

    Great explanation!

  • @PatrikRasch
    @PatrikRasch 2 года назад +1

    Good tutorial, thank you for your nice help.

  • @airplanegyan
    @airplanegyan Год назад

    You helped solve my problem, thanks alot.

  • @andrewvillalon7384
    @andrewvillalon7384 Год назад

    thanks, i finally made a modal box with the use of for each method and adding event listener onClick for every buttons

  • @sajramkisho9991
    @sajramkisho9991 2 года назад

    Simply Beautiful:)

  • @frujunior67
    @frujunior67 3 года назад

    Thanks so much for this, it has helped me a lot 🔥

  • @MrSalFav
    @MrSalFav 2 года назад

    Thank you , super video

  • @JavierMatatan
    @JavierMatatan 5 лет назад +1

    Nice video! Thanks

  • @x-Mick-x
    @x-Mick-x 2 года назад

    Cheers Dom

  • @crowncontrol3637
    @crowncontrol3637 3 года назад +1

    Love your vids man. But tbh...i only watch the foe the sound of your glorious keyboard.

  • @BijouBakson
    @BijouBakson 10 месяцев назад

    Thank you

  • @user-ei1ym1lq6h
    @user-ei1ym1lq6h 2 года назад

    Why does the Javascript break when you move the block into ?

  • @1stinfamous
    @1stinfamous 5 лет назад

    Thank you it can be helpful but how can i apply a function on a specific Item for example : Item 2 of the second list ? thanks in advance mate.

    • @djlee0721
      @djlee0721 4 года назад

      1stinfamous its like an array. So use index notation - [1]

  • @user-dl5oe9lm9p
    @user-dl5oe9lm9p 6 месяцев назад

    thanks

  • @jayathissaaral2598
    @jayathissaaral2598 3 года назад

    thank you 🍕🍕🍕🍕

  • @amudalagopikrishna5745
    @amudalagopikrishna5745 Год назад

    at 1:22 can we use # in place of .(dot)

    • @It_guy613
      @It_guy613 Год назад

      no because when we use dot we are actually refering to classes, with using the # we are refering to ids