javascript es6 dom manipulation

1const myElements = document.querySelectorAll('.bar')
2

1const myElement = document.querySelector('#foo > div.bar')
2

1const myChildElemet = myElement.querySelector('input[type="submit"]')
2
3// Instead of
4// document.querySelector('#foo > div.bar input[type="submit"]')
5

1myElement.matches('div.bar') === true
2