querySelector vs getElementByID

Question

What is the difference between
querySelector and getElementById

Answer 1

getElementById selects an element by its id name while querySelector selects an element by tag name, id name and class name like this
querySelector('tag')
querySelector('.class')
querySelector('#id')

Answer 2

So it is better to use querySelector rather than getElementById.

Answer 3

querySelector has more options where as getElementById is specific to id defined. These are not supported in IE6-7 if i am not mistaken.

Answer 4

I find this useful to check browser compatibility. www.caniuse.com

Answer 5

https://code.sololearn.com/WOx16Bf9u6KK/?ref=app

https://code.sololearn.com/WvN162f7Czk8/?ref=app

the query string of querySelector can be combined
https://code.sololearn.com/WzVH8V29oi4H/?ref=app